This is one of the best tutorials I’ve found so far for describing how to make an isomorphic React app (AKA, SSR, Server-Side Rendering). It goes step-by-step, explaining what you’re trying to accomplish, and builds up from a basic “Hello, World” example, then adding initial data state, adding a component that fetches dynamic data, URL routing, and maintaining state between server and browser rendered views. Along the way, it covers various pitfalls and how/why to work around them.
“Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.”
I went through the interactive tutorial, and I liked it.
“In this post I’ll provide a brief introduction to design systems and describe the advantages and use-cases for having one. After that, I’ll show Base Web, the React implementation of the Base Design System which helps you build accessible React applications super quickly.”
Looking at various ways to manage state in React.