An open API service indexing awesome lists of open source software.

https://github.com/adeelibr/react-understanding

Understanding of how react works internally
https://github.com/adeelibr/react-understanding

adeel adeel-imran javascript js learning learning-by-doing react react-dom react-hooks

Last synced: 3 months ago
JSON representation

Understanding of how react works internally

Awesome Lists containing this project

README

          

## How to run 🌋

This repository only uses `parcel` for bundling & 2 `babel` presets namely

- @babel/preset-env: "^7.12.1"
- @babel/preset-react: "^7.12.5"

This repository has 3 chapters, in order to run each chapter all you have to do
is after cloning this repository.

- Go in your folder root directory & run `npm install` / `yarn install`
- Once the dependencies have been installed to run each chapter you can run the
command below

```code
npm run start:chapter::1; // will run chapter 1
npm run start:chapter::2; // will run chapter 2
npm run start:chapter::3; // will run chapter 3
```

## Purpose 🦮

For understanding how react works internally, so hopefully one day I can commit
something important to the react code base itself.

How react works, how does it reconciliate, how do hooks works, how do they maintain
there states and everything I learn will be added to this codebase.

[This for personal learning only]

## Great talks 🐤

- https://www.youtube.com/watch?v=_MAD4Oly9yg - Paul O Shannessy
- https://www.youtube.com/watch?v=f2mMOiCSj5c - Tejas Kumar
- https://www.youtube.com/watch?v=gR3vQmd34S8 - Nir Kaufman
- https://www.youtube.com/watch?v=fKlt5GFQnVc - Shawn Wang
- https://www.youtube.com/watch?v=dFO4m7Y-yhs - Shawn Wang

## Brilliant blog posts 🐐

- https://pomb.us/build-your-own-react/ - Rodrigo Pombo

## Source code 🦜

- https://unpkg.com/react@17/umd/react.development.js - React developement compiled code

## Code walk through 🐐

- https://www.youtube.com/watch?v=aS41Y_eyNrU - Dan Abramov

## Find me 🐌

✨✨ twitter.com/adeelibr