Category
project
Posts (9)
Controlling the Loading Component Functionally in React Native
# What you need to know before reading - What React Context is - How to write a custom Hook # Wh...
React "Dynamic" Form Design (Part 1)
# React "Dynamic" Form Design (Part 1) In this part I'll define what a dynamic form is, what prob...
Migrating a CRA App to a Micro Frontend (Part 1): Architecture and Setup
How to migrate a create-react-app React project into a micro frontend architecture: analysing what to extract, rebuilding the repo as a pnpm monorepo, ejecting CRA, extending webpack build scope and module resolution across packages, pinning a single React instance with peer dependencies, sharing context across projects, resolving tsconfig path aliases, and running type checks over the whole workspace.
Some Experience with Functional Programming in JS Development
Functional programming, functional programming in JS
Running only the E2E tests your commit actually affects
An incremental E2E runner for large frontends: pick the base commit from the branch, diff it against HEAD, keep the specs the change can touch, and stream the Cypress output so CI does not time out.
Local hot reload for a React project inside a monorepo
<img src="/images/monorepo-react-banner.jpeg" /> ## Prerequisites What you need to know before ...
High performance grouped list design
## Overall goal 1. nested relationships exist in the grouping and there is no theoretical upper li...
Recording web pages to video at a specified time through a server
## Why is there such a need? I recently work in the field of front-end data visualization, and the...
Drawing Smooth Cubic Bezier Curves
How to draw a smooth Bezier curve with cubic segments — choosing between quadratic and cubic curves, computing the two control points from the midpoint and slope of the start-to-end line, and drawing it on canvas.