- vừa được xem lúc

Blog#187: 👋🏼Farewell to Create React App: Embracing Modern React Development🤗

0 0 17

Người đăng: NGUYỄN ANH TUẤN

Theo Viblo Asia

187

Hi, I'm Tuan, a Full-stack Web Developer from Tokyo 😊. Follow my blog to not miss out on useful and interesting articles in the future.

A New Chapter in React Development

If you're a web developer who loves working with React, you'll know that it's an incredibly powerful and adaptable library. Throughout my career, I've tried out many frameworks, but I always find myself coming back to React for its flexibility, scalability, and user-friendliness.

For a long time, npx create-react-app was the go-to method for starting a new React project. However, the world of web development is always changing, and the React team has recently shared a new document with updated recommendations on how to create a React app.

This document is a goldmine for developers who want to stay ahead of the curve and learn the latest tricks of the trade. By following these new approaches, you'll streamline your workflow, boost your productivity, and build even more awesome React apps.

1. Next.js: The Top Choice for Server-rendered React Apps

Next.js has been steadily gaining popularity among developers, and for good reason. It offers advanced features like server-side rendering and static website generation.

Server-side rendering means that web pages are created on the server before being sent to the client. This can lead to significant improvements in performance and user experience.

Static website generation, another Next.js feature, pre-renders pages during the build process. This leads to faster load times and better search engine optimization (SEO).

Considering these benefits, it's no wonder the React team has chosen Next.js as their top pick for building server-rendered React apps.

To start a new React project using Next.js, use the npx create-next-app command. This will set up a new project with all the necessary dependencies and configurations.

2. Remix: A Flexible and Scalable Choice for Server-rendered Apps

The React team has also highlighted Remix as a recommended method for creating React apps.

npx create-remix my-app

While Remix may not be as well-known as some other frameworks, it's quickly gaining traction due to its unique features and capabilities.

Remix is designed for building server-rendered React applications that focus on performance and scalability. It's incredibly flexible and customizable, so you can tailor your app to fit your specific requirements.

3. Gatsby: The Go-to for High-performance Static Sites

Last but not least, the React team suggests using Gatsby for creating React apps.

Gatsby is a widely-used static site generator that builds web apps using React. It's perfect for developers who want to create fast, scalable websites with a consistent user experience.

To create a new Gatsby app, use the npx create-gatsby command. This will set up a new project with all the necessary dependencies and configurations.

Once your Gatsby app is ready, you can start building your site using the wide range of plugins and tools available in the Gatsby ecosystem.

Moving Forward with Modern React Development

The React team's recommendations of Next.js, Remix, and Gatsby mark a new era in React development, as we move away from the traditional create-react-app approach. By exploring these cutting-edge frameworks, you can take advantage of advanced features, improved performance, and increased flexibility to build the next generation of React applications.

And Finally

As always, I hope you enjoyed this article and got something new. Thank you and see you in the next articles!

If you liked this article, please give me a like and subscribe to support me. Thank you. 😊

Ref

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 496

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 413

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 134

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 117

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 93

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 228