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.
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.
Community Picks·2yVite 5.0 is out!
Vite 5.0 has been released, bringing new features and improvements to the popular JavaScript build tool. It now uses Rollup 4 for improved build performance and introduces server.warmup to improve startup time. Vite no longer supports older versions of Node.js, requiring version 18 or higher. Check out the Migration Guide for a smooth upgrade process.
Community Picks·3yOne Thing Nobody Explained To You About TypeScript
Learn about the tsconfig.json file in TypeScript, how it configures the language, and its impact on modules and environments. Discover the importance of using multiple tsconfig.json files for different layers and intentions in your project.
Community Picks·3yVite 4.3 is out!
Vite 4.3 has been released with performance improvements, including faster dev server startup time and improved hot module replacement (HMR) times. A benchmark was conducted to measure the performance improvements. Vite now has a profiling feature and an official benchmark tool is being developed. A Vite 5 Discussion has been started to gather early feedback.
Product Hunt·3yVite - Next Generation Frontend Tooling
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. A build command that bundles your code, pre-configured to output highly optimized static assets. A dev server that provides rich feature enhancements.
freeCodeCamp·3yHow to Learn React in 2023
How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects.
Community Picks·3yAstro 2.0
Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web.
DEV·3yBun hype. How we learned nothing from Yarn
Yarn and Bun went off to create their own competing technology. Both sold themselves on being way faster. Both went in with the goal of splitting the ecosystem. Both announced that they were officially v1.0 and ready for production!...while not actually supporting Windows. In 2023, npm is still faster than Yarn.
Community Picks·3yTamagui 1.0 🎉 — Tamagui
Tamagui is a suite of React components and hooks that optimize React code and provide customizable styles and themes. It consists of Tamagui Core, Tamagui Static, and Tamagui UI. The key feature of Tamagui's performance gains is view flattening or tree-flattening. Tamagui Core is a complete cross-platform style library, while Tamagui Static is an optimizing compiler for frontend React code. There are several new components in Tamagui, and upcoming features include dynamic inline evaluation, container queries, and more. Tamagui is funded by Github Sponsors.
This is Learning·3yWhy use Vite when Bun is also a bundler? - Vite vs. Bun
Why use Vite when Bun is also a bundler? - Vite vs. Bun? Why is Vite still needed? Vite is great for bundling client-side apps, has API's that many developers love. Bun's HMR currently has at least one open issue, which is important for fast local development.
freeCodeCamp·3yFull Stack Project Tutorial – Create a Recipe App Using React, Node.js and PostgreSQL
In this in-depth tutorial, we'll build a full stack recipe app from scratch, using React, Node.js, Postgres and the Spoonacular API. We'll cover features such as: Building an API server in Node - Integrating securely with a 3rd party API - Interacting with a Postgres database using Prisma.
Community Picks·3yStorybook 7.0
Storybook 7 is a major release that brings new features, improved UI design, and enhanced testing capabilities. It introduces first-class Vite support, zero-config support for NextJS and SvelteKit, Component Story Format 3 with improved type safety, and revamped TypeScript support. The UI design has been refreshed with expanded Canvas size, improved spacing, and automatic dark mode. The upgrade process is simplified, and there are numerous other improvements and bug fixes.
Permit.io·3ySend SMS Directly from the Browser (No Backend Code Required!)
We'll learn how to send SMS directly from the browser using Frontend Only Authorization (FoAz) standard. To authenticate our users in the browser, we'll use Clerk.dev, a frontend-first authentication platform that lets you add authentication to your application in minutes. Let's create a new React app by using Vite.
Community Picks·3yIntroducing StoryLite ⚡️, a lightweight alternative to StoryBook
StoryLite is a lightweight alternative to StoryBook Lightweight drop-in app for rapid React component development and visualisation. It's written in TypeScript and powered by the blazing-fast Vite, it offers a streamlined way to preview your components in an isolated environment without the overhead of a full-fledged Storybook setup.
