https://github.com/natserract/frontend-trainee
Curated list of practical and techniques for React/Front-end development
https://github.com/natserract/frontend-trainee
react techniques
Last synced: 4 months ago
JSON representation
Curated list of practical and techniques for React/Front-end development
- Host: GitHub
- URL: https://github.com/natserract/frontend-trainee
- Owner: natserract
- Created: 2024-02-29T07:30:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-05T06:44:00.000Z (about 1 year ago)
- Last Synced: 2025-05-31T07:13:24.152Z (4 months ago)
- Topics: react, techniques
- Language: TypeScript
- Homepage:
- Size: 489 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Trainee
Curated list of practical and techniques for React, Front-end development
## Running
```shell
yarn turbo run dev #or
yarn turbo run dev --filter=
```
## Practical Tasks
- [x] [React - Higher Order Component](apps/higher-order-component)
- [x] [React - Context](apps/context)
- [x] [Data Fetching: Async Await, parallelism, Abort Controller](apps/data-fetching)
- [x] [Event Emitter](apps/event-emitter)
- [x] [React - Merge Refs](apps/merge-refs)
- [x] [React Router (Latest Version)](apps/react-router)
- [x] [Realtime Communication](apps/realtime-communication)
- [x] [State Machine](apps/state-machine)
- [x] [Redux (RTK Query)](apps/redux)
- [x] [Optimization](apps/optimization)
- [x] [Localization](apps/localization)
- [x] [Component Driven Development](apps/component-driven-development)
- [x] [Micro Frontend](apps/micro-frontend)
- [x] [React - Recursive Component](apps/recursive-component)
- [x] [Intersection Observer](apps/intersection-observer)
- [x] [React - Polymorphic Component](apps/polymorphic-component)
- [x] [React - Sync External Store](apps/sync-external-store)
- [x] [Upload Files - From Scratch](apps/upload)
- [x] [React - Batched Updates](apps/batched-updates)
- [x] [Lazy Rendering - By Yield Generator](apps/lazy-rendering)
- [x] [Web Worker](apps/web-worker)
- [x] [React - Portal](apps/portal)
- [x] [Pokedex in NextJS 14](https://github.com/natserract/pokedex)
- [x] [React - Error Handling, Properly](apps/react-error-handling)
- [x] [Testing](apps/testing)
- [x] [Benchmarking](https://github.com/natserract/perf-cost)
- [x] [CI/CD pipeline](https://github.com/natserract/frontend-automation)