#React
23 notas · última:
Easily Create a Hotel Room Booking App with React Data Grid
The tutorial shows how to build a hotel booking app in React with Syncfusion components, using a Data Grid to list rooms, filter by date and budget, collect user details, and print receipts.
React Best Practices Ever Developer Should Know
The guide recommends keeping React state immutable, avoiding useState for everything, deriving and computing values during render when possible, using unique keys, and leaving useEffect for real side effects.
React Component Mental Models
The article contrasts Container/Presentational components with Stateful/Stateless components and argues that hooks make the older split less necessary by keeping state and business logic closer to where they are used.
2 must-have tools in your React Project for having a consistent codebase
The page argues that a consistent codebase improves readability, onboarding, reviews, and maintainability, and recommends pairing a formatter like Prettier or Dprint with ESLint in React projects.
The styling dilemma in React
The article compares Vanilla CSS, preprocessors, Tailwind CSS, CSS Modules, and CSS-in-JS in React, weighing setup, scope, dynamic styling, and maintainability before preferring classless tools.
State Management & Data Fetching Libraries in React
The article recommends starting with React’s built-in state tools for simple cases, adding state libraries only when complexity grows, and using data-fetching libraries to reduce boilerplate and improve loading and error handling.
How to use Reducer in React for better State Management: 2 effective ways for simpler design and architecture
The post argues that related React state should be grouped with useReducer instead of split across multiple useState hooks, and that a deep custom hook can hide reducer details and keep components simpler.
10 ways to better organize and design your React Application
The page argues that React code organization affects findability, maintenance, and growth. It recommends domain-based folders, absolute paths, shared common modules, wrappers for third-party code, local code placement, and pinned dependencies.
15 React Component Principles & Best Practices for Better Software Architecture & Design
The article lists 15 React component practices aimed at cleaner, more maintainable apps: favor function components, named components, smaller components, fewer props, hooks, custom hooks, error boundaries, and Suspense.
A love letter to React
The text says that React influenced LiveView and Phoenix by showing a model of reactive components, colocation between markup and code, HTML-aware components, and diff optimizations on the server and the client.
Applying SOLID Principles in JavaScript and TypeScript Framework
The article shows how SOLID principles apply in React and Angular with JS and TS examples, using refactors to separate responsibilities, ease extension, and reduce coupling.
Top 7 React Hooks you must know
The text presents seven React hooks and summarizes what each one is for: state, memoization, unique ids, callbacks, effects, refs, and context, with a focus on more modular and maintainable code.
Why React Won the Front-End Race
The page argues that React won because it has Meta’s backing, a flexible component model, the Virtual DOM, hooks, a huge ecosystem and React Native, even if all that adds complexity.
How To Handle Exceptions With Aspect Programming And Blame Covfefe
The text shows how to use AOP with kaop-ts to handle exceptions and other common concerns in one place, access join point metadata, and even inject asynchronous data into decorated methods.
17 Tips from a Senior React Developer
The text gathers 17 tips for learning React more clearly: mastering JavaScript, using the documentation, building projects, avoiding too many libraries, abstractions too early, and frameworks without need.
Do Frameworks Matter Anymore?
The post argues that frameworks still matter because they provide abstractions, structure, and constraints, and that new frameworks may still be worth building for an AI-assisted workflow.
99% of frontend devs don't use this
Antonio Moruno Gracia argues data-* attributes beat closures inside React's .map() when React.memo or useCallback need a stable function reference to actually work.
Reflections on the React community
Lee Robinson reflects on React’s growth, the difficulty of community management, and how commercial and non-commercial OSS create different incentives around feedback, RSC, and Next.js.
React code conventions and best practices
The page lists React conventions focused on consistent formatting, explicit naming, smaller components, separation of logic from rendering, and preferring declarative code and abstractions over direct library use.
Introduction to Test-Driven-Development in React for Beginners
The article shows TDD in React by first writing tests for a Counter component, then implementing the component and an Increase button in App.js until the tests pass.
A Dark Mode Toggle with React and ThemeProvider
The tutorial shows how to build a React dark mode toggle with styled-components, persist the chosen theme in localStorage, and default to the user’s OS color scheme when available.
How To: Use LocalStorage with React
The article shows how to use localStorage in a React app to remember a first visit, switch the message on later visits, and notes that localStorage stores values as strings.
Javascript Fatigue
The article argues that React and the surrounding JavaScript ecosystem overload beginners and teams with tooling, APIs, and configuration, and calls for simpler abstractions and faster prototyping setups.