cod;nncode. learn. thrive.

React 19: New Features List [Interview Ready]

Posted on May 07, 2024

Get interview-ready with our comprehensive guide on React 19, covering its groundbreaking advancements, new features, improved performance, and backward compatibility.

Read More

How to Stash in Git

Posted on Apr 24, 2024

The `git stash` command is used to stash changes in the working directory. This command saves changes in the stash stack, which can later be applied or popped.

Read More

CRUD Operations in ReactJs 2024

Posted on Apr 22, 2024

This article dives into implementing CRUD operations specifically in ReactJS without relying on an external API, providing a comprehensive step-by-step guide and a GitHub code example.

Read More

React Pagination in Different Ways

Posted on Sept 17, 2023

Master the art of React pagination! Learn React.js pageable and paginate, style it with CSS, fetch data from APIs, and even implement server-side pagination with Node.js. Explore practical examples and level up your web development skills today.

Read More

Creating Objects in JavaScript

Posted on Sept 11, 2023

Explore different methods of creating objects in JavaScript, with a focus on the 'class' keyword. Learn when to use each approach and the benefits they offer.

Read More

How to create two simple responsive side navigation bar and main navbar in React Js?

Posted on Aug 01, 2023

Learn how to create a simple two responsive side navigation bar and navbar in React JS to enhance user experience and create a more interactive web application.

Read More

What is conditional rendering in React using '&&'?

Posted on July 19, 2023

In this guide, we'll delve into various aspects of ReactJS conditional rendering, including handling multiple conditions, best practices, and practical examples to ensure clean and efficient code.

Read More

setState not updating State immediately in Functional Component

Posted on May 24, 2023

In this article, we will explore the reasons behind this delayed state update and discuss workarounds to ensure state updates happen immediately.

Read More

React useMemo with Parameters: Improving Performance and Reducing Redundancy

Posted on Apr 23, 2023

In this article, we'll dive deep into the world of React useMemo hook and how it can help you optimize your components for better performance. Learn the difference between useMemo and useCallback, memoization, lazy loading, and more!

Read More

Mastering React Cards: The Ultimate Guide to Designing and Implementing Cards in React

Posted on Apr 16, 2023

In this ultimate guide, we'll cover everything you need to know about designing and implementing React cards, including the basics of React cards, how to create horizontal scroll, reusable, and responsive cards, how to design and style cards, adding interactivity to cards, and frequently asked questions about React cards.

Read More

The Ultimate Guide to React Toastify: Examples, Installation, Customization, and Troubleshooting

Posted on Apr 13, 2023

Want to add a reliable and customizable notification system to your React app? Look no further than Toastify React NPM! Read on to learn all about this essential package.

Read More

Typechecking with PropTypes in React: Everything You Need to Know 🚀

Posted on Apr 09, 2023

React is a popular JavaScript library that is widely used for building user interfaces. When building applications with React, it is important to ensure that the components receive the correct data. This is where PropTypes come in. In this article, we will explore what PropTypes are, how to use them, and why they are important.

Read More

Understanding the Importance of componentDidMount in Functional Component

Posted on Mar 19, 2023

In this article, we will explore the concept of componentdidmount in React and how it can be implemented in various scenarios, including functional components, hooks, and next.js. We will also discuss componentdidmount example, async componentdidmount, and its equivalent in react hooks.

Read More

Understanding useCallback Hook in React: Best Practices and Examples

Posted on Mar 13, 2023

Want to optimize your React app's performance? Learn all about useCallback, including examples, errors, and best practices, in our playful and engaging guide!

Read More

CRUD operation in React Js using Hooks, JSON file without APIs

Posted on Mar 12, 2023

In this tutorial, we will walk you through a simple CRUD (Create, Read, Update, Delete) application in ReactJS using hooks and a JSON file. You will learn how to perform CRUD operations on JSON data and create a Football Player Management System. This react js crud example with a JSON file will use functional components and hooks, and demonstrate how to query JSON data.

Read More

Presentational and Container Components in React Redux: Which One to Use When?

Posted on Mar 10, 2023

This article covers the basics of React Redux and component architecture, as well as the differences between presentational and container components. It also discusses best practices for building and testing both types of components and provides examples of each.

Read More

Vite vs Create-React-App

Posted on Mar 04, 2023

This article provides a detailed comparison between Vite and Create-React-App, highlighting the benefits of using Vite for React development. It also serves as a migration guide for developers looking to switch from Create-React-App to Vite. The article covers key features and differences between the two tools and provides step-by-step instructions for setting up a React project with Vite and migrating an existing project from Create-React-App to Vite.

Read More

SOLID Principles in React

Posted on Mar 02, 2023

Explore how you can implement SOLID principles in ReactJS with practical example.

Read More

React Design Patterns 2023

Posted on Dec 28, 2022

Get the latest React design patterns for 2023. Best practices and techniques for building efficient React apps.

Read More

Redux Explained Simply

Posted on Dec 24, 2022

Master Redux with this step-by-step guide that explains each concept simply. By the end, you'll know how to use Redux in your own projects.

Read More

useEffect Hook Explained

Posted on Dec 24, 2022

Understand how to use the useEffect hook in React with this step-by-step guide. Examples and explanations included.

Read More

Styled Components

Posted on Dec 24, 2022

Learn the benefits of using Styled Components to style React components, including readability, reusability, and performance improvements.

Read More