Community Picks·2yNew Features in React 19 – Updates with Code Examples
React 19 introduces new features such as the React compiler, server components, actions, web components, enhanced hooks, asset loading, and form hooks. These changes aim to improve performance, simplify coding, and enhance the user experience.
DEV·2yOptimising React Apps
This article discusses the approach to optimizing React applications, addressing common performance challenges and exploring various optimization techniques. It highlights the importance of trade-offs in software optimization and provides a real example to demonstrate the process. It also mentions potential optimizations such as bundle splitting, lazy loading, server-side rendering, and using web workers and web assembly for computation-heavy applications.
DEV·2yThings that I like better in Vue than in React
Vue has several features that stand out against React, including a more interactive installation process, an intuitive reactivity system, single-file components for better organization, and a more readable approach to conditional rendering. Vue also offers computed properties for handling complex logic and a streamlined state management solution with Pinia.
Community Picks·2y🥇The first framework that lets you visualize your React/NodeJS app 🤯
Wasp Studio is a full-stack React, NodeJS, and Prisma framework that visualizes your entire full-stack app. It provides features like auth, cron jobs, routes, and email sending. Wasp Studio has potential for adding new functionality, collaborates with AI and Large Language Models, and simplifies code generation.
Community Picks·2yHow to Use TanStack-Query to Write Cleaner React Code as a Junior Developer
Learn how to use React Query to write cleaner React code as a junior developer. Understand the difference between client state and server state, install React Query in your project, and replace data fetching code and states with the useQuery hook.
Community Picks·2yNext.js: The Future Of React?
Next.js is a React framework for building full-stack web applications. It provides extra functionalities on top of React.js, including server-side rendering (SSR) and improved SEO. Next.js offers benefits such as improved performance, enhanced SEO, and easy caching of rendered data. In comparison to React.js, Next.js solves problems related to search engine indexing and website previews. It is a valuable addition to the tech stack for those who prioritize SEO and performance. As for the future of React.js and frontend development, Next.js offers powerful features and tools that contribute to its growing popularity.
TkDodo·2yZustand and React Context
Zustand is a simple and fast library for global client-state management. However, using global stores in Zustand can have drawbacks, such as difficulty initializing the store with props, complex testing, and lack of reusability. To solve these issues, React Context can be used to share the store instance while keeping the store values isolated. By combining Zustand with React Context, it becomes easier to initialize the store with props, simplify testing, and achieve component encapsulation and reusability.
asayer·2yHTMX vs. Vue and React -- Pros and Cons
This post compares HTMX, Vue, and React JavaScript frameworks, highlighting their differences, pros, and cons. It discusses the core differences between HTMX, Vue, and React, examines the strengths and weaknesses of HTMX, React, and Vue, and provides use cases for each framework. The post also showcases how to work with HTMX, React, and Vue to create a CRUD task list application, and compares the code required in each framework.
Theo - t3․gg·2yFrom 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
This post is a production-ready React tutorial that showcases how to build production apps using the T3 stack, Next.js, and various other technologies. It also includes recommended hosting solutions and introduces the concept of server components in Next.js.
freeCodeCamp·2yHow to Build a TODO App from Scratch with React.js
Learn how to build a TODO app from scratch with React.js. The tutorial covers the steps to set up a React app with Next.js, creating different components, adding new TODOs, marking TODOs as completed, editing and deleting TODOs, and persisting the TODO data in localStorage.
Community Picks·2yalan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
A repo that presents a simple, scalable, and powerful architecture for building production-ready React applications, providing resources and best practices for developers.
