Back to the Roots With Remix

Rate this content
Bookmark

The modern web would be different without rich client-side applications supported by powerful frameworks: React, Angular, Vue, Lit, and many others. These frameworks rely on client-side JavaScript, which is their core. However, there are other approaches to rendering. One of them (quite old, by the way) is server-side rendering entirely without JavaScript. Let's find out if this is a good idea and how Remix can help us with it?


Prerequisites

- Good understanding of JavaScript or TypeScript

- It would help to have experience with React, Redux, Node.js and writing FrontEnd and BackEnd applications

- Preinstall Node.js, npm

- We prefer to use VSCode, but also cloud IDEs such as codesandbox (other IDEs are also ok)

This workshop has been presented at React Summit 2023, check out the latest edition of this React Conference.

FAQ

The workshop about Remix is expected to last between half an hour to an hour and a half.

Participants are recommended to have some React skills and familiarity with Node.js environment to make the tasks easier and more manageable during the workshop.

Yes, the workshop includes a few practical exercises that will be explored towards the end of the session, focusing on applying theoretical knowledge in practical scenarios.

To participate in the workshop exercises, you will need a Node.js environment set up either locally or in the cloud.

Workshop materials, including the agenda and additional resources, are available through a specific link provided during the workshop. Participants are encouraged to bookmark this link for easy access.

The workshop will cover various aspects of the Remix framework, including its functionality, specific use cases, its position in modern frontend development, and particular problems it solves with its framework solutions.

Alex Korzhikov
Alex Korzhikov
Pavlik Kiselev
Pavlik Kiselev
106 min
13 Jun, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Remix is a modern full-stack web framework that works on both the backend and frontend, providing features like database interaction, SEO, data serving, page rendering, and form validation. It implements the unidirectional data flow and supports server-side rendering plus rehydration. Remix provides utilities for backend and frontend integration, with a folder-based routing system and error boundaries. It solves the water flow loading problem by supporting simultaneous data loading for all components. Remix is compared to Next.js, highlighting its better loading time and support for layouts. While Remix is suitable for small to medium-sized projects, other factors like community size and documentation should be considered for large production applications.
Available in Español: De vuelta a las raíces con Remix
Video transcription and chapters available for users with access.