https://github.com/zapkub/react-in-a-nutshell
This repository is all about beginning to use React. 😪
https://github.com/zapkub/react-in-a-nutshell
react
Last synced: 10 months ago
JSON representation
This repository is all about beginning to use React. 😪
- Host: GitHub
- URL: https://github.com/zapkub/react-in-a-nutshell
- Owner: zapkub
- Created: 2016-10-22T18:28:49.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-01T02:42:22.000Z (over 7 years ago)
- Last Synced: 2023-08-03T01:06:02.736Z (almost 3 years ago)
- Topics: react
- Language: PHP
- Homepage:
- Size: 1.79 MB
- Stars: 5
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3 Years of React in 2 days
The bief history of React since officially public.
https://docs.google.com/spreadsheets/d/1jo8SZYKsHfB_Ck2eyw0oaF79vicXEU0gJS_Dkg71EEI/edit#gid=0
https://discordapp.com/channels/511243930558529550/511243931103657995
> in S(upid)B(ut)W(orks) style
### Prerequisite
- NodeJS 9.11.2
- Operation system อะไรก็ได้ที่มี bash และใช้ / ที่ directory path
- IDE อะไรก็ได้ที่พิมพ์ตัวหนังสือได้
- Brain 🧠
# Intensive React Agenda
### Basic React essentials 🐸
- Mounting first component ( react-dom )
- Component API and Component Types
- JSX
- Props and State ( Introducing Hooks API )
- Form 📄( input, select, radio, checkedbox )
### Experimental
- Basic setup with Create React App
# DEEEEP dive Agenda
> (Full course will be extended every topic from intensive)
## Boring part
### Brief history of Front-end development with speed of light 🦄
- Javascript ES2016 แล้ว
- DOM คือทุกสิ่งอย่างของการทำ Front end
### คิดแบบ React vs jQuery 🦄
- DOM selector vs React tree
- State ของ UI
- HTML template not considered vs JSX
### Design Pattern with React
- Higher order component (nearly deprecated) 🐸
- Flux 🐸
- Context (เกือบ deprecated แต่กลับมาอีกรอบ) 🦄
- Function as Child Component ( อันใหม่และต้องใช้ ) 🦄
### Deep dive 🦄 , 🐸
- Provider and Consumer
- Fragment
- Portal
- Hooks and Custom Hooks ( pre release )
- Server side rendering
## Fun part
### Real life or just fantasy
- Singleton store MobX / Redux / Hooks
- Styling Bootstrap, SASS
- Create React App, NextJS
### Implementation and adopt React to legacy project (Adoptation)
- from jQuery project
- from Angular project
### LAB LAB LAB
- Todos Flux Singleton state management by Hooks API and Context API
### More and beyond
- Typescript
- GraphQL
project with create React app [Here](https://github.com/facebook/create-react-app)
# Live Demo
- https://zapkub.github.io/react-in-a-nutshell/#