Dougal Campbell's geek ramblings

WordPress, web development, and world domination.

Blog Archives

Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!

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!

Server Rendering with React and React Router

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.

https://tylermcginnis.com/react-router-server-rendering/

Server Rendering with React and React Router

Await and Async Explained with Diagrams and Examples – Nikolay Grozev

“The async/await syntax in JavaScript ES7 makes it easier to coordinate asynchronous promises. If you need to asynchronously fetch data from multiple databases or APIs in a certain order, you can end up with a spaghetti of promises and callbacks. The async/await construct allows us to express such logic more succinctly with more readable and maintainable code.

This tutorial explains JavaScript async/await syntax and semantics with diagrams and simple examples.”

http://nikgrozev.com/2017/10/01/async-await/

Await and Async Explained with Diagrams and Examples – Nikolay Grozev