Tag: ReactJS
-
How to Use System Design in Your React Project
As React projects evolve, maintaining a clean structure becomes crucial. Implementing a system design, particularly a feature-based folder structure, enhances organization. Utilizing the principles of Atomic Design helps create reusable UI components. Building foundational components ensures consistency, improving scalability, and navigation, ultimately leading to more maintainable applications over time.
-
Centralized Error Handling with React useContext
In a React application, I use to centralize error handling using the useContext hook to avoid repetitive error pop-up logic. An ErrorContext is created to manage error messages and dismissal functions, along with an ErrorPopin component for display. This solution simplifies error management while maintaining clarity and functionality across various components.
-
React Performance Tips and Tools
In this article, I discuss the importance of optimizing React app performance, placing the responsibility on developers rather than blaming users. I highlights common issues, such as unnecessary re-renders, inefficient state management, and large bundle sizes. Solutions include memoization, flattening component trees, state centralization, code splitting, and using appropriate tools for diagnosis and improvement.
-
Forms in React, with or without React Forms
Forms in web development are essential for user interaction, yet often frustrating. This content compares traditional HTML forms with React Form Components, discussing their pros and cons. Basic forms are simplistic but limited in validation, while React libraries enhance user experience with advanced features. Choose based on form complexity and validation needs.
-
Create a GCP Bucket with a Custom Domain
This article explains how to deploy a Single-Page Application (SPA) using Google Cloud Platform (GCP) Bucket Storage with a custom domain. It outlines essential steps like DNS verification, GCP bucket configuration, setting permissions, and creating CNAME records, while also mentioning limitations such as HTTPS support and complex redirect rules.
-
Authenticate Your Spring Application With AWS Cognito
Recently, I needed to create an authentication system for one of my applications. But I need to create it quickly and securely. I may use a JWT with email and password, but people are lazy creating new passwords. So, I choose for a social Sign-In with AWS Cognito.
-
Router and React Application in AWS S3
In this article, I describe how to solve the problem when using React Router in a deployed application in AWS S3. To solve this situation, I need to configure AWS CloudFront with redirections in the error pages.
-
How to use React for a CRUD application
In this article, I show how to create the frontend of a CRUD application in React. I explain how to create the project and all the components necessary. The create, read, update and delete.
-
Deploy a React Frontend to AWS S3
In this article I will go step by step to deploy a React frontend application to AWS S3. From creating the S3 Bucket to deploy the React project.
The Dev World - Sergio Lema 