This year I’m focusing my “predictions” on broader technology trends that I strongly recommend you focus on if you are a Javascript Developer for frontend, backend or fullstack. So here we go!

Top Tech Trends for 2021 banner image

Typescript

If you are writing Javascript right now and you haven’t learned Typescript it’s exactly the right time (maybe…


Micro-Frontends, where you take large UI components and live share them between applications, have huge potential, but the mechanics of implementing them can get in the way of realizing that value. …


With the move to NodeJS we lost the architectural pattern of creating pluggable applications. Java application servers can be configured at runtime to override pluggable elements, like database drivers, etc. Can we get there with NodeJS? Yep! …


So you want to use TypeScript in your React application, but even the hooks are giving you grief. Well, let’s get you comfortable with how to use TypeScript typing with those hooks and get you on your way.

Banner image

This article is meant to supplement the excellent React TypeScript Cheat Sheet


Here is an interesting question; are the types in your TypeScript project enough documentation, on their own, to allow someone to learn the library?

That was the question I asked myself when I saw the Amazon had released a React UI library for AWS. They only released the code and…


Vue 3 is a fantastic platform for creating Micro-Frontend components. And there are great frameworks out there to help with that, such as SingleSPA and OpenComponents.

Unless you plan on integrating your Vue components into applications that use a different framework you simplify your architecture dramatically by Webpack 5’s Module…


So you want to use useState and useContext as a state management solution, but every time the value of the context provider changes the entire tree gets re-rendered. …


This recipe is based on this excellent article, but with adjustments to make it work with React 17.

  1. First let’s create a CRA React app:
npx create-react-app tw-test

2. Next install all the Tailwind, twin.macro, and emotion libraries:

yarn add tailwindcss twin.macro @emotion/core @emotion/styled @emotion/react

3. Next up, we initialize…


There’s a lot of hype out about how Micro-Frontends are the next big technology trend of 2020. So let’s talk about what Micro-FEs are, why they are interesting, what some of the downsides are, and what the process is to go from a traditional architecture to a Micro-FE architecture.

If…


For a variety of reasons vanilla JS is getting some renewed interest. If you are thinking “Vanilla JS, ugh, another framework I haven’t heard of!” I feel your pain, but vanilla JS means just writing code without a framework.

For example, to create a new tag in vanilla JS you…

Jack Herrington

I YouTube as the Blue Collar Coder on advanced FE topics. Check it out!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store