22 hours ago
View Post
6 small Career advice for CodeNewbies
These are my main 6 advices for any individual who is figuring out how to code or simply beginning in an engineer career. I trust you track down these valuable and in the event that you have anything to add leave it in the remarks beneath😉.
If you're interested in learning to code or if you're just starting out in a coding car...
3
Select One:
1 day ago
View Post
What Is "Lifting State Up" in React?
Here is a simple, practical example of what the React concept of "lifting state up" is and how it can help you in building your applications.
Lifting state up is a common pattern that is essential for React developers to know, because it helps us avoid more complex (and often unnecessary) patterns for managing our stat...
1
Select One:
1 day ago
View Post
Handling Exceptions and Errors in Play Framework
Article originally posted on my personal blog under How to handle Exception in Play Framework
When programming, it is important to always take into consideration exceptions. No matter how well your code is, there can always be invalid data summited by the user problems in other libraries that can trigger exceptions. Also, using...
2
Select One:
1 day ago
View Post
Set Up Tailwind In React - The fastest way! 🚀
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 fastest way to set up Tailwind CSS in your React App. So, be with me! Lets code something...
5
Select One:
1 day ago
View Post
5 CSS Best Practices every front-end Developer should know
Writing CSS has always been tough for me😭. But here are some best practices every front-end developer should know.
Without further talks, let's see them.
Using the vendor prefixes
Vendor prefixed is a way for the browser to add support for new CSS features before those features are fully supported in all browsers/ We need to ad...
4
Select One:
2 days ago
View Post
Node JS vs Spring Boot
We are in the era of technology where we are seeing many technologies taking the world by storm. Talking about server-side technologies that are instrumental in efficiently powering the business, there has been tough competition between many server-side technologies. Among them are Node.js and Spring Boot. In this article, we wi...
2
Select One:
2 days ago
View Post
60 Best Design Resources of 2021
Are you a design nerd? Or a developer learning a bit of designing in between? Well, for your learning, practice, and even to make projects you will need some tools and resources to kick off your side-hustle in design.
Here, we present your 60 best design-only resources you need to start being creative. You will find something un...
2
Select One:
2 days ago
View Post
8 Linux Commands Everyone Should Know
Introduciton
It's a well-known fact that developers use terminals. And using a terminal is something that everybody should know. It is a good thing to know and do because it will help you in so many ways. It will help you in that job interview, or just in your everyday life. You must at least have the basic knowledge of how to u...
4
Select One:
2 days ago
View Post
5 Ways to Fetch Data in React from a GraphQL API
Let's go through the five best ways that you can fetch data with React from a GraphQL API.
While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL.
I've included code samples that show you how to fetch or "q...
3
Select One:
2 days ago
View Post
What are functions in JavaScript: Beginners
In this section, we cover functions, what they are utilized for and how to keep in touch with them. A function is a way to encapsulate a portion of your code so a specific action can e reused and called on to run at a specific time.
Declaration
An example of what the syntax to declare a function looks like.
function name (param...
4
Select One:
2 days ago
View Post
Combine an object with an array
This is one of the problem I have encountered during my latest project at work. So basically, I have a huge object contained a lot of keys and values of different contexts that were going to be used for multi-language on an mobile app
const object = {
title.welcome: "Hello",
content.welcome: "Welcome to the app&...
2
Select One:
3 days ago
View Post
How to fix 'Please provide a valid cache path' error in Laravel?
Introduction
The other day, I was setting up a local development environment for an existing project when I encountered the 'Please provide a valid cache path' error.
As the error itself is not very descriptive and could leave you thinking that something is wrong with your configuration, I've decided to write a short post on how...
3
Select One:
4 days ago
View Post
Speed Up Your Coding in React By Making These Changes in Visual Studio Code
In this article, we will see some of the settings you can do in Visual studio code to improve your productivity a lot when working with React.
So let's get started.
Enable emmet for React
If you are HTML/CSS developer, then you might already be aware of the emmet plugin.
It provides autocompletion for HTML and CSS code by reduci...
3
Select One:
4 days ago
View Post
A complete guide to Array destructuring | JavaScript
Destructuring in JavaScript is a worked on technique for extricating different properties from a cluster by taking the structure and deconstructing it down into its constituent parts through tasks by utilizing a grammar that seems to be like array literals.
Syntax:-
const rgb = [255, 200, 0];
// array destructuring
const [red,...
5
Select One:
5 days ago
View Post
Error handling in Fetch VS Axios
There's so much difference between Fetch and Axios but my focus is on error handling because it caught my attention in my previous project.
Error handling is an essential part of every application we build thus needs to be done correctly.
From the fetch documentation on the difference between Fetch and JQuery, it shows how fetch...
2
Select One:
5 days ago
View Post
Get to know Redux in 2021
Redux is something you really need to know if you are going to do anything professionally with JS and especially React. For some time it seemed quite complex with a lot of boilerplate so I mostly used MobX and more recently React context.
However, my curiosity got better of me and I had to dig a bit deeper to comprehend the gre...
2
Select One:
5 days ago
View Post
20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency
CSS may look exhausting, and not very many individuals can dominate it the correct way. So in this post we've written about 20+ CSS tricks and tips you should know also SASS mixins shorthand you should know. Notwithstanding, it is an expertise that can give you an incredible upper hand over different designers. On the off chanc...
5
Select One:
5 days ago
View Post
Conditional logic: JavaScript for Beginners
On the off chance that statements are normally utilized in JavaScript for conditional logic and can be pretty much as basic or intricate as required.
In any coding language, you will often need to perform different actions based on certain condition. To figure out which action to take you would use an if statement and in this qu...
4
Select One:
6 days ago
View Post
Performance Monitoring with Elastic APM
In this post we will setup a Python Flask Application which includes the APM Agent which will collect metrics, that gets pushed to the APM Server. If you have not setup the Elastic Stack with / or APM Server, you can follow this post to setup the needed.
Then we will make a bunch of HTTP Requests to our Application and will go...
2
Select One:
6 days ago
View Post
Getting started with React Router
React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in.
It allows us to create a multi-page feel in a single page application.
Let's see an example to understand the basic usage of React ro...
3
Select One:
6 days ago
View Post
DevDojo Weekly Winners Week 1 May 2021
Can you believe that May 2021 is already here. It seems like this year is flying by. With another week behind us that means it's time for another edition of DevDojo Weekly winners 🏆
If you want to earn some cash prizes next week, write a post/tutorial on the DevDojo and you'll automatically be entered in the contest. If you woul...
6
Select One:
1 week ago
View Post
What are Classes in JavaScript? Using Classes in JavaScript
{% bmc rahxuls %}
Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriente...
5
Select One:
1 week ago
View Post
Command Line Job Search Application using Node.js
Introduction
In this post, we'll build a command line job search application using Node. It's a JavaScript runtime that allows the JavaScript code to run outside the browser.
We'll use the GitHub Jobs API to fetch data and present it in a tabular format on the command line interface.
We'll focus on the following three scenarios...
2
Select One:
1 week ago
View Post
A new CSS :where() and :is pseudo classes
A new CSS with :where() and :is() pseudo-classes. I better know some of you don't know about these Selector/Pseudo-classes. They were recently introduced to most browsers. But they just might be your new favourite thing in Vanilla CSS.
Let's see about them.
:is()
Think about when you want to apply the same styling to multiple el...
6
Select One:
1 week ago
View Post
How to Define Custom ENV Variables in Laravel?
Introduction
If you have some experience with Linux, you are probably quite familiar with environment variables. In Linux, you could check the available environment variables with the printenv command. A way to define environment variables in Linux would be to use the export command followed by the variable that you want to defi...
8
Select One:
1 week ago
View Post
How to make a custom message converter for Log4J2
Article originally posted on my personal website under Building a custom converter in Log4j2
I’ve been using Log4J for many years. It is a powerful logging library that is efficient and highly customizable. You can extend the functionality with ease and do custom actions on the message prior to it being logged. Without too much...
2
Select One:
1 week ago
View Post
34 Ultimate VS Code Extensions to Increase Productivity! 💪
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 gonna show you 34 ultimate VS Code extensions to improve your productivity. I'm pretty sure you'll enjoy this huge list...
5
Select One:
1 week ago
View Post
CSS Selectors crash course
A CSS selector is the first of a CSS rule. It is a pattern of elements and other terms that tell the browser which HTML elements should be selected to have the CSS property values inside the rule applied to them.
or "CSS Selectors are used to "find"(or select) the HTML elements you want to style.
universal sele...
6
Select One:
1 week ago
View Post
Introduction To JavaScript Promises
Introduction
A Promise is an object representing the eventual completion or failure of an async operation. A promise is a returned object to which you attach callbacks, instead of passing callback into a function.
new Promise
In order to make a new Promise you need to write new Promise and then it will expect you to pass in a fu...
7
Select One:
1 week ago
View Post
Interactive Maps using Leaflet
Leaflet.js is an open-source JavaScript library for mobile-friendly interactive maps. It's lightweight, simple, and flexible, and is probably the most popular open-source mapping library at the moment.
Getting Started
The latest stable Leaflet release is available on several CDN’s — to start using it straight away, place this i...
5
Select One:
Loading More Content
