I hacked together a small POC framework / boilerplate tonight which I’d like to share with you. But let’s first take a look at why and how this framework was born out of proven real world concepts and architecture.

Take for example Redux quite a while ago. Immutable states and centralized state management had such an impact that React added a useReducer hook to the core.

Ever since useReducer has been available I haven’t really found a need for Redux anymore. Pure reducers can be used in a similar fashion to Redux and Sagas can easily be implemented with useEffect . However; a few principles stuck with me that simply made life easier because it just works.

Git is a version control system that enables collaboration and code tracking. An important aspect is the use of branches to work on features and fixes. When working on a branch, two key commands are git merge and git rebase. The difference lies in how the history is handled. Merging preserves the history, while rebasing moves local commits on top of the latest remote changes, creating a linear history. Additionally, options like --no-ff and --squash affect how the commit history appears, with --no-ff keeping individual commits and --squash combining them into one.

TypeScript is a strongly typed superset of JavaScript that compiles to plain JS. It improves code quality, catches errors early, and enhances developer productivity with powerful IDE support like autocompletion, type inference, and safe refactoring. It makes large codebases easier to manage, scales better, and is widely adopted in professional frontend and fullstack development. Mastering TypeScript is essential for advancing in modern development practices.

A practical collection of Git commands for real-world use. Covers working with submodules, rewriting commit history to fix authors, enabling symlinks on Windows, cleaning your working directory, searching commit logs, simulating actions with dry runs, and using git bisect to efficiently track down bugs in your commit history.