It's been a little while coming, but the results from the 2019 Front-End Tooling Survey are now here!
I've started a new video course to help you with that. We'll walk through some very basics of types to advance topics. We'll see how to migrate an existing project to TypeScript, and finally, learn to configure Visual Code and Vim for a comfortable and productive workflow. While it is still in progress, you can order it now with 67% discount using this link.
Top-level await enables developers to use the await keyword outside of async functions. It acts like a big async function causing other modules who import them to wait before they start evaluating their body.
Pure functions are without a doubt the most important technique for writing software that I have learnt thus far in my career. This is because they help us simplify our code and make the effects of our code much more predictable.
The animations might look a bit weird. But I was limited to the Tetris grid I created (in my previous how to make Tetris tutorial.) Check it out too. We often commit complex ideas to memory by…
The "Nullish Coalescing" (which is still in stage 3 by the way) has made its way into the latest TypeScript release, so I thought that might be a perfect time to finally have a closer look at what is this and how does it compare to other options.
One frequent annoyance that comes up in Typescript is redundant null checks. Take the following interface, which describes a standard JSONAPI resource...
I am of the opinion that a nicely formatted and printed cheat sheet is a fantastic aid to learning, so here is one I made for all the TypeScript 3.7 utility types.
Fully utilizing static types, with all the safety they provide, can be a bit tricky when dealing with dynamic data — like JSON from an API call. Let's look at how to do this in TypeScript.
A whole twitter thread where Dan explains the React suspese.
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the…
You can reduce the amount of boilerplate code in your React Redux app by making use of useSelector and useDispatch, two new Redux Hooks that eliminate the need to use connect() bindings.
The official, opinionated, batteries-included toolset for efficient Redux development
The key advantage of this is it allows components to say “Hey, I’m not actually ready to be rendered yet, can you give me a few seconds?” At this point, the React renderer can decide to put off displaying new UI entirely, leaving the page as is, or show some fallback UI. This is particularly useful when clicking a link to change to a page that has heavy data requirements.
Inspired from a vue project vue-interactive-paycard, I decided to recreate the same on React as a part time fun project. I did some minor changes on the animations and optimizations on the code.
In this episode, we create an implementation for the stack mechanisms that were described in the last episode. If you have seen that, you can find it at http...
📟 A React Renderer for SSD1306 OLED chip on Raspberry Pi. - doodlewind/react-ssd1306
A very simple JAM Stack how-to tutorial to use Contentful and React without having to master +1000 tools as prerequisite.
How to modernize a legacy application with micro-frontend technology