Tag: React
-
React Server Components support without a framework
Posted on September 18, 2025, Level intermediate Resource Length long
Build React Server Components without a framework using Forket—a library-agnostic solution that splits code between client and server while maintaining reactivity. By Krasimir Tsonev.
Tags performance web-development app-development react ux
-
Smart prefetching with TanStack Query for instant UX
Posted on September 16, 2025, Level intermediate Resource Length medium
Prefetching data is one of the most powerful techniques in React Query. It helps you improve perceived performance by loading data before the user needs it — resulting in near-instant navigation. Enhance your React app's performance by leveraging TanStack Query's prefetching capabilities, enabling instant data retrieval for improved user experience and seamless navigation. By jsdev.space.
Tags javascript web-development app-development react ux
-
Building dynamic user journeys: Your guide to Next.js onboarding with OnboardJS
Posted on September 8, 2025, Level beginner Resource Length medium
Next.js onboarding flows often become complex due to manual state management, conditional logic, and persistence across sessions. Managing step logic, dynamic navigation, persistence across sessions, and analytics can turn your elegant codebase into a complex web of conditional rendering and state management. By onboardjs.com.
Tags react web-development app-development cio
-
How does Angular compare to React?
Posted on May 3, 2024, Level beginner Resource Length medium
Learn how Angular and React compare when it comes to web development—including their distinct approaches, use cases and functionalities. By Hassan Djirdeh.
Tags angular app-development react software web-development
-
How to integrate Redux with React based application: A step by step tutorial
Posted on April 27, 2024, Level intermediate Resource Length medium
Redux is the most powerful state management tool in the React.Js library, and it's frequently used by Frontend Engineers to build complex applications. With the help of Redux, we can easily manage the state of our React applications, which helps us to develop and maintain complex applications. By Prasandeep and Dan Ackerson.
Tags frontend web-development app-development react teams
-
Migrate to Vite from Create React App (CRA)
Posted on December 10, 2023, Level intermediate Resource Length medium
A quick migration guide to Vite from Create React App, because (apart from Next.js) Vite is the natural successor of CRA for creating a modern React application as SPA. By Robin Wieruch.
Tags web-development app-development react javascript
-
Build a blog with Next.js, Tailwind CSS, and Contentful
Posted on October 12, 2023, Level beginner Resource Length medium
One of the powerful features provided by Next.js is that we can write server components. This allows us to use static rendering, which means that all the HTML pages will be pre-rendered at build time. The front-facing site will not send any requests to the backend (in this case, Contentful). The content API will be queried only when we run the next build command and generate the static files. By Antonio Cosentino.
Tags css learning web-development app-development react
-
Eight ways to deploy a React app for free
Posted on July 17, 2023, Level beginner Resource Length medium
It's time that you took your React applications out of development and into production! But the process of deploying an application built on top of a framework — such as React, Vue.js, or Angular — is much different from that of deploying a site built with HTML, CSS, and JavaScript. By Ashutosh Singh.
Tags web-development react javascript app-development
-
Comprehensive guide to React hooks: Simplifying state and side effects
Posted on June 14, 2023, Level intermediate Resource Length medium
React Hooks have revolutionized the way we write React components by providing a simpler and more elegant approach to managing state and handling side effects. In this article, we will explore the core hooks in React and dive into custom hooks, advanced hook patterns, and best practices. Let's get started! By Kingsley Amankwah.
Tags frontend app-development web-development react
-
The REST API Handbook – How to build, test, consume, and document REST APIs
Posted on May 5, 2023, Level intermediate Resource Length long
This tutorial aims to show you an example of how you can fully implement a REST API. We'll cover basic setup and architecture with Node and Express, unit testing with Supertest, seeing how we can consume the API from a React front-end app and finally documenting the API using tools such as Swagger. By Germán Cocca.
Tags app-development restful apis cloud devops web-development react
-
Design and implement Jira board with drag and drop feature using React and Tailwind CSS
Posted on March 30, 2023, Level intermediate Resource Length medium
In this article, we are going to learn how to design Jira Board like UI using React with Tailwind CSS and how to manage its state using Context API. Also we are going to implement our own custom Drag and Drop feature by implementing reusable custom hooks. By Altamash Ali.
Tags css ux web-development app-development frontend react
-
How to handle errors in React: full guide
Posted on February 28, 2023, Level intermediate Resource Length medium
We all want our apps to be stable, to work perfectly, and cater to every edge case imaginable, isn't it? But the sad reality is we are all humans (at least that is my assumption), we all make mistakes, and there is no such thing as a bug-free code. By Nadia Makarevich.
Tags programming frontend web-development react javascript