builder.io·3yThe React Ecosystem in 2023
The React Ecosystem celebrates its 10th anniversary in 2023 as the ecosystem continues to flourish. For those who are new to React, getting started can be a daunting task. With a vast array of tools and libraries available within the React ecosystem, choosing the right combination for your project can be challenging.
Robin Wieruch·3y10 Web Development Trends in 2023
The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.
freeCodeCamp·3y8 React Projects to Build in 2023
8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them.
Hacker Noon·3yMastering JavaScript Shorthands
We'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant. We'll dive into real use case examples in both vanilla JavaScript and shorthand form. The Ternary Operator: Conditional Assignment Use Case.
DEV·3yA cure for React useState hell?
There's nothing preventing you from choosing an end date that’s before the start date, which makes no sense. There's no guard for a title or description that is too long. Using useReducer, we could transform the above code, to just this: i The hook helps you control transformations from state A to state B.
Community Picks·2yWhy I Won't Use Next.js
The author explains why they won't use Next.js and instead recommend and teach Remix as a better tool for creating excellent user experiences. They discuss the importance of focusing on standard web platform APIs, concerns about Next.js's deployment options, the perceived lack of collaboration between React and Next.js teams, and their preference for stability and simplicity in a framework.
Community Picks·3yIntroducing NextUI Version 2.0
NextUI v2.0 comes with a TailwindCSS plugin that enables the customization and addition of default themes. New Templates & Guides for App and Pages directories, alongside Vite, Remix, and Astro installation guides, are introduced to aid your app creation process.
asayer·3y5 Tips To Improve Your TypeScript Code
TypeScript is rapidly gaining popularity as a way to write type-safer, maintainable JavaScript code. This article will cover five tips that will help you improve your TypeScript code. To get the most out of this text and become a great developer, you must have sufficient knowledge of JavaScript, including variables, data types, and methods.
Community Picks·3yIntroducing the TERN stack and how to migrate from MERN to TERN
Introducing the TERN stack and how to migrate from MERN to TERN. MERN is a web technology stack consisting of MongoDB, Express.js, React, and Node.js. This tutorial will assume you're using Tigris Cloud or a self-hosted instance of Tigris.
DEV·3yBuild a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma
This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone.
builder.io·3yuseSignal() is the Future of Web Frameworks
Signals are a reactive way to store and track state in an application. They return a getter and a setter, unlike non-reactive systems which only return a value and a setter. This allows for more efficient updates and prevents unnecessary re-renders in the UI. In contrast, React's useState() returns only the state value and lacks the subscription tracking and notification features of Signals. Overall, Signals provide a more efficient and reactive approach to state management in web frameworks.
builder.io·2yNext.js 14: Layouts vs Templates
Next.js 14 introduced layouts and templates for building UI in web applications. Layouts act as persistent UI shells that wrap around pages, while templates remount with each page transition. Layouts ensure consistency, maintain state, and boost performance, while templates provide isolation, behavioral flexibility, and the ability to alter default behaviors. Choosing between layouts and templates depends on the specific needs of each page and the desired balance between user experience and performance.
freeCodeCamp·3yHow to Improve Your ReactJS Code – Tips for Code Readability and Performance
ReactJS is one of the most popular JavaScript libraries for building scalable and performant applications. You'll need to focus on code quality, readability, maintainable, and scalability. I'll share my favorite tips along with code examples to show you how everything works.
Community Picks·3yHow To Learn TypeScript In 2023
TypeScript is a set of tools that make writing JavaScript more pleasant. You can learn more on TypeScript's Landing Page. You'll need to install Node.js in order to use TypeScript to its fullest potential. Using TypeScript on CI is a great way to make sure your project is free of bugs.
Hacker Noon·3yStop Using State for React Forms, There is a Much Better Way!
The most popular approach to handling forms in React is to store the input values in state variables. When it comes to form, React will attempt to re-render the component every time the input (state) changes. We will use the state to manage the form inputs.
