Checkout our latest product - the ultimate tailwindcss page creator 🚀
23 hours ago
View Post
DevDojo Weekly Winners Week 3 April 2021
It's that time of the week again. That's right, the time of the week where we congratulate five winners on DevDojo to win a quick $20 for writing an awesome article or tutorial.
If you want to learn more about how you can join in on this weekly contest. Click here to check out the official rules.
Ok, below are the five posts tha...
4
Select One:
1 day ago
View Post
5 Things Every React Developer Should Know About State
One of the most important concepts for every React developer is state--what it is, how to properly use it, and to avoid common pitfalls as your build your applications.
Let's cover five of the most essential parts of state that you need to know, each of which build upon each other to aid your overall understanding of a somewhat...
1
Select One:
1 day ago
View Post
CSS Variables: What Are They & How Can They Be Used?
When most web designers and developers hear the word "variable" with relevance to programming, they typically don't think of HTML or CSS first in their minds. When most non-web developers think of front-end languages, HTML and CSS for example, they see static, non-functional structural languages. For the most part, the...
Select One:
1 day ago
View Post
Understanding the React useState() Hook
Introduction
Hooks were introduced in React v16.8.0. Prior to that, if we had written a functional component and wanted to add state or make use of lifecycle methods to perform operations such as data fetching and manual DOM manipulation, the functional component had to be converted into class based component.
However, introduct...
1
Select One:
2 days ago
View Post
SaSS basics to advanced: Give superpower to your CSS
SASS is CSS with superpowers. So, as front-end developer and learner I researched about LESS which was great but very soon I changed to SASS because of using pre/post processor you can write CSS more programmatically and can help you develop robust systems.
Nonetheless, I regularly find that individuals just know a couple of fun...
3
Select One:
3 days ago
View Post
25 Marvelous Resources to satisfy your image needs 🙌
Hello Devs 👋
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'm gonna share 25 Marvelous Resources to satisfy your image needs 🙌
Free Illustration Resources.
Open Peeps
The library w...
5
Select One:
3 days ago
View Post
Using “pepper” to increase password storing security
Article originally posted o my personal website under How to securely store the password using a salt and pepper
In a previous article I wrote how to securely store a password in the database. The article got the attention of many fellow developers and so I decided to improve it even more by writing this article. You see, even t...
5
Select One:
4 days ago
View Post
5 Key Lessons React Tutorials Don't Teach
There are many essential concepts and lessons that React developers need to know that simply aren't covered in most tutorials.
I have handpicked the topics I believe are some of the most important for you to know, but few articles have dedicated the time to cover in detail.
Let's take a look at five key React lessons worth knowi...
3
Select One:
4 days ago
View Post
What is Redux? Practical guide to Redux
This post is not for beginners. Here we'll discuss Redux, the JavaScript library used for managing React state. And also I will give you a practical guide to Redux.
Without further ado! Let's get into it.
Introduction
"A predictable state container for JS Apps" Simply put, Redux makes it easy to manage the state of yo...
5
Select One:
5 days ago
View Post
Is React a Library or a Framework? Why It Matters
Developers have spent a great deal of time what React is, but have left out why this topic matters so greatly for anyone who builds React applications.
The answer to this question is essential for any React developer, regardless of their skill level, because it indicates what they must know and how they must work in developing a...
6
Select One:
5 days ago
View Post
10 SaaS Startups Ideas to Build in 2021
Introduction
Software-as-a-Service, or SaaS for short, in most cases, is a platform that provides a specific service on a monthly or yearly subscription plan.
Popular SaaS products are Netflix, Spotify, Dropbox, and Slack. They all offer a specific service which you pay a certain amount for every month.
Running a SaaS business c...
7
Select One:
5 days ago
View Post
5 Tips On How To Stay Motivated And Productive As A Developer
Introduction
Whether you are a senior developer, or you have just started getting into code, there comes a time when you start losing motivation. It is normal to lose motivation and that lack of motivation can sometimes stick for a long time. Unfortunately, there can be hundreds of reasons that can make you lose motivation. For...
10
Select One:
5 days ago
View Post
What is Proxy in JavaScript?
An proxy object wraps another item and captures tasks like perusing/composing properties and some essential activities.
const proxy = new Proxy(target, handler);
Proxy is created with two parameters.
Target: Original object which you want to proxy.
Handler: Object that defines which operations to intercept and redefine the in...
6
Select One:
6 days ago
View Post
Wave V2 released and Open Sourced 🎉
Hey everyone! Today is an exciting day because we are releasing and open-sourcing our Software as a Service Starter Kit, Wave.
Why open-source it? What kind of new features are in this version? Read on, and I'll explain it a little further 😉.
Why Open Source?
Back in late 2018, we released the first version of Wave, built on Voy...
12
Select One:
6 days ago
View Post
Hashing in Data Structures
Have you ever used hashing in your projects or played fun games build around it and wondered what can be the other uses of it and how it can make our apps and games much faster ?
What is hashing by the way?
hashing is a simple technique by which you can convert a convert a value into another by using a simple mathematical functi...
7
Select One:
6 days ago
View Post
What is competitive programming?
Competitive Programming is a contest usually held over the internet involving participants trying to solve well-defined problems by writing computer programs according to provided specifications. Contestants are referred to as sport programmers.
A competition generally involves the host presenting a set of logical or mathematic...
6
Select One:
1 week ago
View Post
The React Tutorial for 2021: A Complete Guide
Welcome to a tutorial made to help you become effective with React as quickly as possible as you build a complete application along the way.
As compared to many tutorials you might have gone through before, this one is meant to be thoroughly practical from start to finish.
You will learn how to create an entire React application...
7
Select One:
1 week ago
View Post
DevDojo Weekly Winners Week 2 April 2021
Well, it's another week down and another set of weekly winners 🎉
Learn how you can earn some cash prizes by creating tutorials on the DevDojo, be sure to visit the rules page here.
We had some really amazing posts added last week and it was hard to only select 5, but we were able to widdle it down to these weekly winners 🏆
1. Us...
8
Select One:
1 week ago
View Post
A brief guide to Animations in CSS
Don't be afraid of animation. They're easy. This small started guide will help you in creating 4 simple type of keyframe animations.
Keyframes
You can use CSS keyframes to create some cool animation by transitioning between CSS properties. This quick intro to keyframe animation will cover the animation properties and show you f...
9
Select One:
1 week ago
View Post
The React Roadmap 🏁 10 Steps to Become a React Developer in 2021
Learning how to become a confident React developer takes hard work, but not knowing the right way to become one can make it much harder.
Learning React doesn't have to be a chore.
Let's break down the 10 steps that will make your time and effort becoming a React developer easier and more fun. All while delivering consistent, car...
8
Select One:
1 week ago
View Post
Creating an Image search app using Unsplash API with infinite scrolling 📸
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'm super pumped to build an amazing Image search app using Unsplash API with infinite scrolling. So, let's get started ✌...
10
Select One:
1 week ago
View Post
Git stash - Store your uncommitted changes aside to work on it later
Introduction
In this post, we'll be looking at the git stash command and its usage. We come across situations in our development work where we are in the middle of a task with quite a good amount of code changes and have to switch to some other task that has come on priority. Now, if the changes are somewhat complete then we can...
7
Select One:
1 week ago
View Post
Why your website should have a Skip Link?
It's critical that any web pages you create are accessible to all. Unfortunately, it's something that's often ignored and neglected.
This quick and easy tutorial will show you how to add a skip link to your page to make it more accessible. It's usually a good idea to incorporate accessibility into something you're making because...
5
Select One:
1 week ago
View Post
What is Currying in JavaScript?
Currying is a technique of evaluating function with multiple arguments, into sequence of function with single argument.
Currying is a transformation of function that translates a function from callable as f(a, b, c) into callable as f(a)(b)(c).
function curry(f) {
return function(a) {
return function(b) {...
7
Select One:
1 week ago
View Post
Using JSON Web Tokens for Authorization
Article originally posted on my personal website under Using JWT in Java
A useful feature of a web application is the possibility to authorize a client to access certain features of the app. Once authentication happens, it is important to also check that a client has access to the requested feature. An easy to use method is prov...
7
Select One:
1 week ago
View Post
VS Code Extensions to increase productivity and time-saver hacks for developers
How can developers be extra productive? You’re a developer or you manage a team of developers, higher productivity can get you extra things done through constant resources in a very small-time.
You are currently here because you're finding numerous ways to increase your productivity while development or off the table, so investi...
8
Select One:
1 week ago
View Post
DOM Event Listeners
JavaScript is probably one of the most reliable and most powerful programming languages. But what takes JS to the next level is the DOM. The DOM stands for Document Object Model. In other words, with the DOM you can change the documents structure, style, and content. And with JavaScript doing that is very easy. Most of the websi...
7
Select One:
1 week ago
View Post
How to Build and Deploy Your Static Site, Fast and Free!
In this modern day of web development and deployment, there are (seemingly) a million different ways to design, build, and deploy a static or dynamic website. Many of these ways are simply not suitable or appropriate for a simple static site, like a web portfolio or simple Jekyll blog. Plus, not everyone has enough money or reas...
4
Select One:
1 week ago
View Post
What are signed routes in Laravel and how to use them?
Introduction
Signed routes allow you to create routes accessible only when a signature is passed as a GET parameter. This could be used for sharing a preview of a draft article or any other route that you want to be public but only accessible by people who have the signature.
You could also use signed routes to allow them access...
5
Select One:
1 week ago
View Post
What is Memoization in JavaScript
In my recent tweet, I said to Use Memoization to make your JavaScript functions more efficient.
So in this post, I'm going to discuss with you What is Memoization in JavaScript.
Memoization is an optimization technique used to speed up programs by storing the results of function calls and returning the cached result when the s...
6
Select One:
Loading More Content
