Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ozantekin/react-bootcamp

This repository contains articles, videos, notes, cheat sheets, apps, and educational source code related to React.
https://github.com/ozantekin/react-bootcamp

react reactjs

Last synced: about 2 months ago
JSON representation

This repository contains articles, videos, notes, cheat sheets, apps, and educational source code related to React.

Awesome Lists containing this project

README

        



React Bootcamp


- Content:

- React projects.
- Articles I have written.
- Videos I have published.


Repository Content

| Number | Content |
| :----- | :-------------------------------------------------------------------------------------------------------------- |
| `00` | **[JSX Introduction](https://github.com/ozantekin/react-bootcamp/tree/main/00_JSX)** |
| `01` | **[Props Introduction](https://github.com/ozantekin/react-bootcamp/tree/main/01_Props)** |
| `02` | **[Create React Introduction](https://github.com/ozantekin/react-bootcamp/tree/main/03_Create_React_App)** |
| `03` | **[First Project: Pokedex Project](https://github.com/ozantekin/react-bootcamp/tree/main/04_pokedex_project)** |
| `04` | **[Basic State Information](https://github.com/ozantekin/react-bootcamp/tree/main/05_State)** |
| `05` | **[Second Project: Dice Project](https://github.com/ozantekin/react-bootcamp/tree/main/06_dice_project)** |
| `06` | **[State Patterns](https://github.com/ozantekin/react-bootcamp/tree/main/07_State_Patterns)** |
| `07` | **[Lottery Exercise](https://github.com/ozantekin/react-bootcamp/tree/main/08_state_lottery_exercise)** |
| `08` | **[Coin Flipper Project](https://github.com/ozantekin/react-bootcamp/tree/main/09_coin_flipper_project)** |
| `09` | **[Color Boxes Project](https://github.com/ozantekin/react-bootcamp/tree/main/10_color_boxes)** |
| `10` | **[React Events](https://github.com/ozantekin/react-bootcamp/tree/main/11_React_Events)** |
| `11` | **[Hangman Project](https://github.com/ozantekin/react-bootcamp/tree/main/12_hangman_project)** |
| `12` | **[Lights Out Game](https://github.com/ozantekin/react-bootcamp/tree/main/13_lights_out_game)** |
| `13` | **[Introduction to Forms](https://github.com/ozantekin/react-bootcamp/tree/main/14_forms)** |
| `14` | **[Form Exercise](https://github.com/ozantekin/react-bootcamp/tree/main/15_forms_exercise)** |
| `15` | **[Todo List Project](https://github.com/ozantekin/react-bootcamp/tree/main/16_todo_list_project)** |
| `16` | **[4 Basic Projects](https://github.com/ozantekin/react-bootcamp/tree/main/17_basic_projects)** |
| `17` | **[Monsters Rolodex](https://github.com/ozantekin/react-bootcamp/tree/main/18_monsters_rolodex)** |


Projects with YouTube

| Number | Project |
| :----- | :-------------------------------------------------------------------------------------------------- |
| `00` | **[React Introduction Props Detailed Project • React Project #1](https://youtu.be/MONerFBEmNw)** |
| `01` | **[React Introduction State Detailed Project • React Project #2](https://youtu.be/D6kz5L2o9FE)** |
| `02` | **[Heads or Tails Game • React Project #3](https://youtu.be/tVTEmYBPSNQ)** |
| `03` | **[Colorful Piano Keys • React Project #4](https://youtu.be/4gWwWDiw7Aw)** |
| `04` | **[Lottery Game • React Project #5](https://youtu.be/XgIfek7lXho)** |
| `05` | **[Hangman Game • React Project #6](https://youtu.be/4mALpqwC9Es)** |
| `06` | **[Build a Game in React in 1 Hour • React Project #7](https://youtu.be/KodUT0YjbTw)** |
| `07` | **[React Todo List Application (Single Part) • React Project #8](https://youtu.be/18LtePmIRyg)** |
| `08` | **[Learn React Basics with a Project - For Beginners](https://youtu.be/9n4_q7xfdDE)** |


Summary of Work

| Number | Flood and Articles |
| :----- | :---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `00` | **[Introduction to the React World #1](https://medium.com/@ozantekindev/react-d%C3%BCnyas%C4%B1na-giri%C5%9F-1-222c415e63e3)** |
| `01` | **[What are Props? What is Encapsulation? #2](https://medium.com/@ozantekindev/props-nedir-encapsulation-nedir-2-8b50b9bd7904)** |
| `02` | **[What is State? #3](https://medium.com/@ozantekindev/state-nedir-3-fb23641da99)** |
| `03` | **[Data and Event Transfer Between Components #4](https://medium.com/@ozantekindev/componentler-aras%C4%B1-veri-ve-event-transferi-4-2b809657f796)** |
| `04` | **[4 Chrome Extensions for React Developers](https://twitter.com/ozantekindev/status/1527963709838176262?s=20&t=6hDOEJvI_6hxuBe9ye882Q)** |
| `05` | **[Map, Reduce, Filter & Spread Operator • React #5](https://medium.com/@ozantekindev/map-reduce-filter-spread-operator-react-5-javascript-9093206d111f)** |