Pure React vs Next.js | What’s Happening in React?

Summary

The video discusses recent changes in the React ecosystem and their implications for developers. It addresses concerns about the future of React applications, the shift towards server-side rendering, and the choice between using plain React or a framework. The speaker recommends that beginners start with plain React and then explore frameworks like Next.js, emphasizing the importance of understanding the reasons behind technology choices. The video also highlights the popularity and job opportunities provided by React, and encourages developers to adapt and learn new tools as the landscape evolves.

Takeaways

• 🚀 React is undergoing significant changes, impacting how developers create and approach applications.
• 📚 The React team released new documentation in March, shifting focus towards frameworks over plain React library for new applications.
• 🤔 There is confusion among developers, especially beginners, due to the push towards frameworks and the de-emphasis on plain React for app creation.
• 🌐 Server-side rendering (SSR) is gaining popularity and is supported by the React team, with Next.js being a prominent example.
• 📈 According to a JavaScript survey, React continues to be the most popular library with high usage and retention rates, indicating job opportunities and learning resources.
• 🛠️ For beginners, it is recommended to start with plain React to understand the fundamentals before moving onto frameworks.
• 🔄 The choice between using a framework or plain React should be based on the specific needs of the project, such as size, interactivity, and SEO requirements.
• 🔥 Next.js is the leading rendering framework, and its popularity is expected to grow with the introduction of the stable App directory version.
• 🧱 Build tools are evolving, with Vite gaining significant traction and potentially overtaking Webpack for new projects.
• 🌟 The key to navigating the ever-changing landscape of web development is continuous learning and adaptation, regardless of the specific technologies used.

Q & A

What are some of the major changes happening in the React world?

The React team has released new documentation that now recommends using a framework instead of the pure React library for creating applications. This shift is towards server-side rendering, with Next.js gaining popularity.

Why did the React team make the change to recommend frameworks over plain React?

The change is due to the growing popularity of server-side rendering and the benefits it brings, such as faster initial page load speeds and better search engine optimization. Frameworks like Next.js provide these features out of the box.

What is the concern regarding the new documentation for beginners?

The new documentation might be confusing for beginners as it suggests using frameworks without providing a clear guide on how to create client-only React applications, which could make starting with React more challenging for new learners.

How does the popularity of React affect job opportunities?

React remains the most popular library according to the latest JavaScript survey, with a high usage rate and retention rate. This means there are many apps built with React, leading to more job opportunities for developers skilled in React.

What is the retention rate for React and what does it signify?

The retention rate for React is at 83 percent, indicating that a large majority of developers who have used React continue to prefer it. This high retention rate is a positive sign for the future of React and its continued relevance in web development.

What is the current status of other JavaScript frameworks like Angular and Svelte?

Angular's retention rate is not as high as React's, suggesting it might not be the best choice for beginners. On the other hand, Svelte is becoming increasingly popular and is worth considering for learning and development.

What are the differences between server-side rendering (SSR) and client-side rendering (CSR)?

SSR renders the HTML page on the server and sends it to the browser, resulting in faster initial page loads and better SEO. CSR, on the other hand, sends an empty HTML file and bundled JavaScript to the browser, which then renders the page, potentially leading to slower load times and search engine indexing issues.

What factors should influence the choice between using plain React and a React framework?

The choice should be based on the project requirements. For small applications or portfolios, there might not be a significant difference. However, for larger applications with complex routing or those that require SEO, a framework like Next.js is recommended.

What is the advice for developers when it comes to choosing technologies in their projects?

Developers should be adaptable and ready to learn new technologies. They should create small applications using various technologies to understand their strengths and weaknesses and choose the best option based on the project's needs.

How does the React community view the future of React and its frameworks?

The React community sees a continued growth and evolution, with frameworks like Next.js gaining more popularity. The focus is on understanding the benefits of different technologies and choosing the right tool for the job.

What is the recommended approach for learning React and its frameworks?

The recommended approach is to start with plain React, create small applications, and then explore frameworks. This helps developers understand the reasons behind using certain tools and methodologies, and allows them to make informed decisions for their projects.