A project similar to this. They say one of the best ways is to learn is by doing. Well, this is just that. There are so many tools used in frontend development and this is my attempt at learning some of them from a first principles approach. I am building basic, non-production versions of various parts of the frontend stack and documenting the lessons learned in the process.
The articles written in the series so far are:
- Introduction to the UI framework
- Building a testing library
- Rendering and testing DOM elements
- Building a module bundler
- Adding events to DOM elements
- Intro to virtual dom algorithms
Whilst not part of the series, this article I wrote for Smashing Magazine explains some of the benefits of this project.
Aprender is the UI framework and it is built using the virtual DOM paradigm. It contains the following features:
- Turning JavaScript objects into DOM elements
- Adding on-event handlers to DOM elements
- Very basic virtual dom algorithm
Examinar is a testing framework not modelled upon anything in particular. It has the following features:
- Assertions
- A DOM implementation for the node environment
Maleta is a module bundler which builds upon the work of Minipack. It has the following features:
- Bundles both ES and CommonJS modules
- CLI tool
- Built-in dev server