This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.
https://frontendmasters.com/books/front-end-handbook/2019/
Front-end Developer Handbook 2019 – Learn the entire JavaScript, CSS and HTML development practice!
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.”
Artificial (but hyper-realistic) faces created by AI techniques.