First steps in building app with React, Strapi & Apollo GraphQL
I have to say I fell in love with Strapi from the day I found it. For all of those who never heard of Strapi be sure to checkout Strapi.io.
As per Strapi.io:
Strapi is the leading open-source Headless CMS. Strapi gives developers the freedom to use their favorite tools and frameworks while allowing editors to easily manage thei...
3
Select One:
How to use the splice() method
Introduction
Arrays will always be something that you will use or run into. You can store different types of data inside of them. For example - strings, numbers, objects, and even other arrays.
But what do you do when you want to remove a specific item. Well, you could delete the whole array and rewrite it, but that will be a wa...
4
Select One:
20 Developer Memes | You'll die laughing
(Invest Your 2 Minutes Laughing)
Converting your developing seriousness to laughter. Every week this post will come up with amazing memes. So I just want you to devote your some minutes in laughing hehe :)
Thanks For Laughing.
I am coming up with my meme comic series. Be tuned🤘
5
Select One:
DevDojo Weekly Winners Week 2 June 2021
Happy week number two of June 📅. It's time for another edition of DevDojo weekly winners 🏆
This week we have posts on Deep Learning, High Order Functions, NodeJS, Firebase, and Cool HTML Tags 🎉.
Remember each week we feature five posts to receive a nice little cash prize 💰. You can read more about the official rules here.
Let's...
5
Select One:
Create a Dark Mode toggler with Tailwind ⚡️
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies.
Today, I'll show you the easiest and the effective way to set up dark mode toggler in your tailwind app. 🚀. So, be with me! Let's...
3
Select One:
Add Notifications to your React application
Proper notifications are crucial for functional UI. Imagine you are using one of many web applications and you enter a wrong password or any kind of input just to see that nothing happens and you are left baffled. That is why integrating notifications, alerts or other kind of signals what has happened is important for any applic...
2
Select One:
JavaScript Basics: Truthy and Falsy values in JavaScript
Do you know that JavaScript has a set of pre-defined falsy values?
Truthy and Falsy values are the non-boolean values that are coerced to true or false when performing certain operations.
The following are the only eight values that are considered as falsy values in JavaScript.
false
undefined
null
""
NaN
0
-0
0n
A...
5
Select One:
Setting up Google Colab for Deep Learning
Introduction
Google Colaboratory or Colab is a free service provided by Google that allows a person to run Python notebooks without having to install python on their systems. Colab provides a user with numerous features, the most important of them being:
No need to configure for basic notebooks
Free and easy GPU access
Easily s...
2
Select One:
How to create a simple CLI app with MiniCLI.
In this post we're covering how to create a simple CLI app with the help of MiniCLI. What we'll be creating is a small CLI tool to ping websites.
Setting up our requirements.
The first thing we do is to create a folder for our new tool, which I'll name ping-cli and require the minicli/minicli package.
composer require minicli/mi...
3
Select One:
Scope chain and Lexical Scoping in JavaScript
Scope chain and Lexical Scoping are central ideas of JavaScript. These ideas confound new JavaScript developers. The information on these ideas is fundamental in dominating JavaScript. Having an appropriate comprehension of these ideas will assist you with composing better, more proficient and clean code. Which will, thus, assis...
6
Select One:
HarperDB Instance w/ React
HarperDB is a distributed database focused on making data management easy. It supports both SQL and NoSQL queries. Besides building REST APIs with server-side technologies(Catalin Pit's Build A REST API With HarperDB and FastifyJS), it also offers to access the database instance directly inside the client-side application.
In th...
4
Select One:
What is a Fork Bomb in Linux and how to stop it?
Introduction
A fork bomb (also known as a rabbit virus) is a denial-of-service attack that consists of a process that constantly replicates itself to exhaust all available system resources, slowing down or crashing the system due to resource starvation.
Here's an example of the most popular fork bomb in Linux:
:(){ :|:& };:...
5
Select One:
Work with me - a 25 Minutes Pomodoro Video Session
Need to get some work done? Let's be productive together!
You can use this video as a timer for your Pomodoro sessions.
The idea behind the Pomodoro sessions is to separate your tasks into small 25 minute blocks and take 5-minute breaks after each session.
Here's how my sessions usually go:
I make a to-do list for the day. In...
4
Select One:
How to invalidate a compromised JWT
In a past article, I wrote about JWTs, how to generate one and how to use them for authorization. JSON Web Tokens, however, have one major drawback. Once it is generated and submitted to the client, it can’t be easily made invalid. This is a big problem if the JWT got leaked and it did not expire (or worse, it does NOT have an e...
5
Select One:
List of Handy Regular Expression Examples
In this article, we will see some of the useful regular expressions which you can use in your real-world applications.
Email validation
^[^@ ]+@[^@ ]+\.[^@ \.]{2,}$
^[^@ ]+ => starts with the character which is not @ and space (one or more occurrence of character)
@[^@ ]+ => then one single @ symbol and after that no @ sy...
5
Select One:
High Order Functions in JavaScript
As a JavaScript developer you will utilize high order functions frequently, so having a decent comprehension of these functions is vital. Presently I see individuals get frequently confounded when finding out about the reduce() technique, yet I had clarified everything in detail so attempt to comprehend it bit by bit and I'm cer...
5
Select One:
Create Forms with Formik and Firebase
Whatever is the application you are building, the data is in the heart of it. In this post I will go through building a simple but functional form with Formik and storing the data to Firebase database. I will use React functional component for this example so you can follow along or use it with your React project.
Prerequisites...
4
Select One:
How To Write Your First Node.js Script
Introduction
Until recently(if you think that 2009 is recently), we could only run JS code in a web browser. Node is a JavaScript runtime that executes code outside of the browser. We can use the same JS syntax we know and love to write server-side code, instead of relying on other languages like Python or Ruby. You can build We...
8
Select One:
5 things to know about creating a SaaS
When it really comes down to it, there is no right or wrong way to build something. Many factors can play into the success or failure of an application. That's why it's good to have as much help and advice as possible. I want to share a few lessons I've learned along my path of building a SaaS. I hope this advice will help guide...
7
Select One:
Navigation with React Router
React Router is a simple library of React inside web app for handling routes. Here we will learn Navigation with React-Router.
Basic routing with react-router-dom
Let's see these two Components.
const PageOne = () => {
return (
<>
<h1>Content One</h1>
</>
)
}
const...
3
Select One:
6 HTML tags you might not know
Introduction (Skippable)
A few days ago I was working on my desk and next to me was my lovely girlfriend who was interested in what I really do for a living. She already knows I am doing IT and she also knows I write some code sometimes. She asked me how she can understand if she likes writing code. I did what I had to do. I exp...
7
Select One:
Create a Private Docker Registry
Dockerized applications and automated pipelines mean that you will eventually need a docker registry sooner or later.
What is a Docker Registry?
It is essentially a place where you store Docker images organized in repositories. You can push images to the remote Docker registry and pull images where you want them.
Docker Hub
Nift...
4
Select One:
DevDojo Weekly Winners Week 1 June 2021
Another awesome week in the books. It’s the first week of June and that means it’s time for another edition of DevDojo weekly winners!
As usual we had some awesome developers writing some awesome posts. This week we have posts on Ubuntu, JavaScript, React, MySQL, and more 🎉.
Each week we feature five posts, and the author will r...
4
Select One:
Setup Phone Authentication with OTP in your React App 🚀
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies.
Today, Let's learn how you can set up Phone Authentication with OTP in your React App 🚀. So, be with me! Let's code something amaz...
3
Select One:
Page visibility and full-screen mode WEB API | Web Development for Beginners
Hey, learners and beginners here is my latest post, where we gonna know about Page visibility and Full-Screen Mode WEB API.
Page visibility Web API
PageVisibility API is used for detecting the visibility of the page. The document object provides properties and event listeners to detect the page visibility.
This API is useful for...
1
Select One:
What is reduce() method in JavaScript
The reduce() method is used to apply a function to each element in the array to reduce the array to a single value.
Let's see the syntax:-
let result = array.reduce((acc, v, i, a) => {
// return the new value to the result variable
}, initVal);
// result - the single value that is returned.
// array - the array to run th...
3
Select One:
20 Best CSS Animation Resources
A text fading in and out or a link popping up when hovered. What do these two things have in common? Yes, they all animate.
What’s special about the web development space is that along with static elements, it also provides an infinite possibilities of dynamic elements which can animate the way it is needed. It can be done via s...
3
Select One:
Extremely Useful Lodash Methods For JavaScript Developers
According to the State of Javascript 2020 Survey results, Lodash is the second most widely used utility library in the world as it provides a lot of methods that make coding easy and fast.
In this article we will see, some of the most useful methods provided by lodash which makes coding easy.
So let's get started.
Installation...
5
Select One:
What is Scheduling in JavaScript?
{% bmc rahxuls %}
Generally, these two things disturb and irritate a lot when learning JS. In this post, we'll learn how to use them as a beginner.
Sometimes we may decide to execute a function after a certain time delay. That's called "scheduling a call".
setTimeout(): This method allows to execute a function only...
4
Select One:
Install MySQL on MacOS
Introduction
MySQL is a database management system based on SQL. like other relational databases, MySQL stores data in tables made up of rows and columns.
If you are doing backend web development, sooner or later you would need to have MySQL installed on your laptop for your dev environment
So in this post, we will be taking a l...
8
Select One:
Loading More Content
