Recently, I had the opportunity to attend React Summit 2023. This event brought together some of the top minds in the React community, offering valuable insights, thought-provoking discussions, and a glimpse into the future of web development. In this blog post, I will share my key thoughts from the summit, highlighting notable talks and emerging trends and discussing the process of attending and the structure of React Summit 2023.
ATTENDING THE REACT SUMMIT 2023
The React Summit 2023, held in Amsterdam, united developers for four days of through-provoking talks and presentations. Although I attended the conference remotely, the GitNation Portal service gave me access to the event and the opportunity to gain valuable knowledge at an affordable price. While the summit spanned four days, only the first and last days were available to remote attendees. The summit’s first day featured in-depth talks that explored various aspects of React, delving into its intricacies and challenges. The second day comprised shorter talks that showcased specific ideas, problems, and products related to React.
Despite attending remotely, the event’s production value was high, and the streaming service delivered a seamless experience without any technical glitches. For those unable to travel to the summit due to scheduling or cost constraints, remote attendance through services like the GitNation Portal is an excellent alternative. With access to many conferences throughout the year at an affordable subscription price, developers can stay up to date with the latest developments and insights in the React, JavaScript, and TypeScript communities.
HIGHLIGHTS FROM THE SUMMIT
I attended over forty talks in the two days of the React Summit 2023. Here are summaries of a handful of my favorite lectures:
“Should You Use React in 2023?” – Tru Narla (Discord):
Tru Narla’s talk addressed whether React is still a viable choice in 2023. She emphasized that React continues to be a powerful tool, but it should be used judiciously. React’s familiarity, abundant resources, a vast ecosystem of third-party libraries, and seamless integration with React Native for mobile development were highlighted as its strengths. However, it was emphasized that React is one of many options, and developers should evaluate their project’s specific needs before deciding.
“Modern Approaches for Creating Extremely Fast Websites” – Brad Westfall (ReactTraining):
Brad Westfall shed light on strategies to optimize website performance. He emphasized minimizing requests, lazy loading, link prerendering, parallelizing requests, and hybrid approaches that combine single-page application (SPA) and multi-page application (MPA) concepts. The talk also introduced React Remix, a new framework for building fast and efficient web applications.
“Reactivity: There and Back Again” – Michel Weststrate (Meta):
In his talk, Michel Weststrate discussed the concept of technology going in circles and the idea that everything old becomes new again. Weststrate explored the evolution of front-end engineering, from server-rendered pages to client-side frameworks, and now a shift back towards server-side interactivity. He pointed out similar loops in how we approach states and reactivity in programming. Weststrate concluded that rather than moving in circles, we are spiraling towards something more significant, learning from the past while incorporating its benefits. Further, he emphasized the importance of acting in the face of uncertainty and avoiding dogmatic thinking to foster innovation and progress.
“You Can’t Use Hooks Conditionally… or Can You?” – Charlotte Isambert (Bam.tech):
Charlotte discussed the concept of hooks in React and explored why specific hooks, like useContext, can be used conditionally while others cannot. She explained that hooks store their values inside a linked list within each fiber, and their values are read in the order in which they’re called. Changing the order of hooks can lead to incorrect data being retrieved. However, useContext is different. It reads and stores its value inside a context object outside the fiber tree and linked list. This allows useContext to be used conditionally without affecting other hooks. Charlotte also briefly touched on how React’s rendering behavior works and how context values are updated.
“Speeding Up Your React App With Less JavaScript” – Miško Hevery (builder.io):
In this talk, Miško Hevery discussed the problem of slow websites. He attributed it to the increasing amount of JavaScript being shipped to the browser. He shared data showing that the more JavaScript a website ships, the worse its startup performance. Further, he explained the hydration process in client-side rendered applications. Additionally, he introduced the concept of “resumability” as an alternative approach. Additionally, he demonstrated how Quick, a new framework he is currently working on, can enable resumable React components. Further, it can provide intercommunication between them without adding more JavaScript.
KEY THEMES AND FUTURE DIRECTIONS
A few themes emerged during the conference that felt important to highlight. They were:
1. Less JavaScript: The trend of minimizing JavaScript to improve performance and maintainability was a recurring theme throughout the summit. We explored how strategies such as partial hydration, lazy loading, and on-demand generation.
2. Blurring Boundaries: The distinction between the client and server is becoming less defined, with concepts like server components, headless components, and hybrid approaches gaining traction. Additionally, the need for flexibility, scalability, and optimal user experiences drives the evolution of web development.
3. Performance and Efficiency: The importance of website speed and efficiency cannot be overstated. Therefore, talks focused on addressing common bottlenecks, leveraging cutting-edge technologies, and adopting best practices to enhance user experiences.
4. AI and Developer Tools: We discussed the impact of artificial intelligence on developer workflows and tools. GitHub Copilot, an AI-powered code completion tool, was used as an example. However, speakers emphasized the importance of maintaining a critical and discerning mindset when using such tools.
CONCLUSION
In conclusion, React Summit 2023 provided a valuable platform for exploring the current state of React, uncovering emerging trends, and the future direction of web development. Further, the event focused on the need for developers to assess project requirements. Additionally, it highlighted the need to adopt performance optimization strategies, embrace new tech, and use the power of React’s ecosystem. As we move forward, it is crucial to remain adaptable, open to innovation, and focused on giving exceptional user experiences. Further, doing so while building on the foundations laid by React and its vibrant community.
View our LinkedIn, here.
