Skip to content

Learn how frontend frameworks work by building your own. Code for the book "Build a frontend framework from scratch", published by Manning.

License

Notifications You must be signed in to change notification settings

angelsolaorbaiceta/fe-fwk-book

Repository files navigation

Build a frontend framework from scratch

fe-fwk

Learn how frontend frameworks work by building your own—from scratch!

Code for the book "Build a web frontend framework (from scratch)," published by Manning and written by myself. In this book, you build a frontend framework yourself to learn how frontend frameworks work.

Build a frontend web framework

📘 Purchase your copy of the book here and start learning today!

Table Of Contents

The first three parts of the book are published by Manning:

The last two are freely available in the repository's Wiki:

Getting Started

To create an empty project where you can write the code for your framework, you can use the CLI:

$ npx fe-fwk-cli init my-framework-name

Where my-framework-name is the name of your framework. You can alternatively create and configure the project manually, by following the instructions at Appendix A in the book.

The project that you get contains three packages:

  • runtime: the runtime for your framework; the framework itself.
  • compiler: the compiler that transforms HTML templates into JavaScript render functions.
  • loader: the Webpack loader that integrates the compiler with Webpack.

Scripts

The three packages have the same scripts:

  • build: bundles the code into a single ESM file, located at the dist/ folder.
  • lint: lints the code with ESLint.
  • lint:fix: lints the code with ESLint and fixes the errors.
  • test: runs the tests once with Vitest.
  • test:watch: runs the tests in "watch" mode with Vitest.
  • test:coverage: runs the tests and generate a coverage report.

About

Learn how frontend frameworks work by building your own. Code for the book "Build a frontend framework from scratch", published by Manning.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Languages