Tag: React
-
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
-
How we rebuilt React DevTools with replay routines
Posted on January 13, 2023, Level intermediate Resource Length medium
At Replay, we're building a true time-travel debugger for JavaScript. Our technology records everything that happens in a browser, so you can use it to debug any page regardless of what frameworks or libraries were used to build it. That said, framework-specific devtools are a valuable part of the debugging experience. By Mark Erikson.
Tags nodejs react frameworks web-development app-development
-
CSS-in-JS for React: Linaria vs. Styled components
Posted on October 12, 2022, Level intermediate Resource Length medium
When building a web application with React, one of the challenges apart from implementing the main logic of the application is styling and choosing the appropriate styling solutions for your application. By Osah Peter.
Tags frontend app-development css react javascript web-development
-
Simplify your React component's state with a state machine
Posted on September 14, 2022, Level intermediate Resource Length long
Use a reducer to implement a fully-typed state machine without breaking a sweat. As React developers, we've all had to work on a component where the state had become impossible to manage. By Guillaume Renard.
Tags web-development react javascript app-development