Asabeneh/30-Days-Of-React

30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

<div> <img align="right" width="100%" src="./images/30_days_of_react.jpg" /> </div> <div align="center"> <h1> 30 Days Of React</h1> <a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/"> <img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social"> </a> <a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh"> <img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social"> </a> _{Author: <a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br> <small> October, 2020</small>} </div> [Day 1 >>](./01_Day_JavaScript_Refresher/01_javascript_refresher.md) | # Day | Topics | | ----- | :-------------------------------------------------------------------------------------------------------------------------: | | 00 | [Introduction](#introduction)<br> [How to Use Repo](#how-to-use-repo)<br> [Requirements](#requirements)<br> [Setup](#setup) | | 01 | [JavaScript Refresher](./01_Day_JavaScript_Refresher/01_javascript_refresher.md) | | 02 | [Getting Started React](./02_Day_Introduction_to_React/02_introduction_to_react.md) | | 03 | [Setting Up](./03_Day_Setting_Up/03_setting_up.md) | | 04 | [Components](./04_Day_Components/04_components.md) | | 05 | [Props](./05_Day_Props/05_props.md) | | 06 | [List, Map and Keys](./06_Day_Map_List_Keys/06_map_list_keys.md) | | 07 | [Class Components](./07_Day_Class_Components/07_class_components.md) | | 08 | [States](./08_Day_States/08_states.md) | | 09 | [Conditional Rendering](./09_Day_Conditional_Rendering/09_conditional_rendering.md) | | 10 | [React Project Folder Structure](./10_React_Project_Folder_Structure/10_react_project_folder_structure.md) | | 11 | [Events](./11_Day_Events/11_events.