React context is an essential tool for every React developer to know. It lets you easily share state in your applications. In this article, we will explore how the context API works and how to use it effectively in your React applications. Let’s get started! What is React Context? React context allows us to pass… Continue reading React Context for Beginners – The Complete Guide
Tag: JavaScript
The React useEffect Hook for Absolute Beginners
Whenever we need to make use of side effects in our application, useEffect hook is the way to go in React functional components. In this article, we will learn about the useEffect hook in React, its uses, and implementation with the help of an example. Let’s get started. What exactly is an “effect”? The word… Continue reading The React useEffect Hook for Absolute Beginners
JSX in React – For Absolute Beginners
JSX is one of the core concepts of React. So if you understand it well, you will be able to write better React code. In this tutorial, you will learn the syntax related to JSX and you will see some code examples of JSX to help illuminate the subject matter and drive the topic home.… Continue reading JSX in React – For Absolute Beginners
How To Use Axios With React: The Definitive Guide
Axios is promise-based HTTP Client for Node.js and the browser, which gives you the ability to take advantage of JavaScript’s async and await for more readable asynchronous code. Thus, it works equally well in front-end JavaScript applications and back-end Node servers. In this guide, you will see exactly how to use Axios with React using… Continue reading How To Use Axios With React: The Definitive Guide
Using Vite to create a new React app
Vite is a new frontend build tool that aims to improve the developer experience for development with the local machine, and for the build of optimized assets for production (go live). Vite includes: Vite is developed by the creator of VueJS. But one of the most important feature of Vite is that is frontend agnostic.… Continue reading Using Vite to create a new React app
Getting Started with JavaScript Fetch API
The Fetch API is a promise-based interface for fetching resources by making HTTP requests to servers from web browsers. It is similar to XMLHttpRequest but better and more powerful. In this tutorial, you will learn about the JavaScript Fetch API and how to use it to make asynchronous HTTP requests. What is Fetch API The… Continue reading Getting Started with JavaScript Fetch API
Learn JavaScript Promises and Async/Await
js-promise-states
Master the JavaScript Array Reduce Method With Examples
JavaScript array methods are very popular and useful. However, for some reason, the reduce method is left behind in that hype train. People not only ignore it but also actively avoid it. Whatever the reason is, I have made it my mission to show you how great and — most importantly — easy it is… Continue reading Master the JavaScript Array Reduce Method With Examples
React Components – A Theoretical View
React is an efficient and flexible JavaScript library for building user interfaces. It breaks down complex UIs into small, isolated code called “components”. By using these components, React only concerns itself with what you see on the front page of a website. What are React Components? Components are the heart of any React Application. You… Continue reading React Components – A Theoretical View
How To Easily Understand Callbacks In JavaScript
Understanding callbacks in JavaScript is one of the very first things that anyone starting to program with JavaScript should know. It’s also one of the more difficult concepts for newcomers to understand. In this post, I will show you how I came to fully understand exactly what they are and how to use them. Before… Continue reading How To Easily Understand Callbacks In JavaScript
Higher Order Functions in JavaScript – Beginner’s Guide
As a frontend developer, you should always strive to learn new techniques and discover ways to work smarter with JavaScript. One such technique is using higher order functions. Higher order functions are one of the topics that can be hard to understand. This article will help you understand what higher order functions are and how… Continue reading Higher Order Functions in JavaScript – Beginner’s Guide
Top 7 Differences between arrow functions and regular functions in JavaScript – Must Read
In JavaScript, a function is a block of code designed to perform a particular task. Functions allow programmers can break up a large program into multiple smaller, more manageable components. As a result, there is no longer a need to write the same code repeatedly. You can define JavaScript functions in many ways, two of… Continue reading Top 7 Differences between arrow functions and regular functions in JavaScript – Must Read