msb-public
/
30-Days-Of-React
mirror of https://github.com/Asabeneh/30-Days-Of-React
2
1
Code Issues Projects Releases Wiki Activity

paypal link has been added

Browse Source
pull/86/head
asabeneh 5 years ago
parent ee4f8ab17b
commit cfd4dc40fc
1 changed files with 35 additions and 36 deletions
Show Stats Download Patch File Download Diff File

69
readMe.md
Unescape View File

@ -22,43 +22,42 @@
| # Day | Topics | | # Day | Topics |
| ----- | :-------------------------------------------------------------------------------------------------------------------------: | | ----- | :-------------------------------------------------------------------------------------------------------------------------: |
|00|[Introduction](#introduction)<br> [How to Use Repo](#how-to-use-repo)<br> [Requirements](#requirements)<br> [Setup](#setup)| | 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)| | 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)| | 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)| | 03 | [Setting Up](./03_Day_Setting_Up/03_setting_up.md) |
|04|[Components](./04_Day_Components/04_components.md)| | 04 | [Components](./04_Day_Components/04_components.md) |
|05|[Props](./05_Day_Props/05_props.md)| | 05 | [Props](./05_Day_Props/05_props.md) |
|06|[List, Map and Keys](./06_Day_Map_List_Keys/06_map_list_keys.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)| | 07 | [Class Components](./07_Day_Class_Components/07_class_components.md) |
|08|[States](./08_Day_States/08_states.md)| | 08 | [States](./08_Day_States/08_states.md) |
|09|[Conditional Rendering](./09_Day_Conditional_Rendering/09_conditional_rendering.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)| | 10 | [React Project Folder Structure](./10_React_Project_Folder_Structure/10_react_project_folder_structure.md) |
|11|[Events](./11_Day_Events/11_events.md)| | 11 | [Events](./11_Day_Events/11_events.md) |
|12|[Forms](./12_Day_Forms/12_forms.md)| | 12 | [Forms](./12_Day_Forms/12_forms.md) |
|13|[Controlled and Uncontrolled Component](./13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md)| | 13 | [Controlled and Uncontrolled Component](./13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md) |
|14|[Component Life Cycles](./14_Day_Component_Life_Cycles/14_component_life_cycles.md)| | 14 | [Component Life Cycles](./14_Day_Component_Life_Cycles/14_component_life_cycles.md) |
|15|[Third Party Packages](./15_Third_Party_Packages/15_third_party_packages.md)| | 15 | [Third Party Packages](./15_Third_Party_Packages/15_third_party_packages.md) |
|16|[Higher Order Components](./16_Higher_Order_Component/16_higher_order_component.md)| | 16 | [Higher Order Components](./16_Higher_Order_Component/16_higher_order_component.md) |
|17|[React Router](./17_React_Router/17_react_router.md)| | 17 | [React Router](./17_React_Router/17_react_router.md) |
|18|[Fetch versus Axios](./18_Fetch_And_Axios/18_fetch_axios.md)| | 18 | [Fetch versus Axios](./18_Fetch_And_Axios/18_fetch_axios.md) |
|19|[Projects](./19_projects/19_projects.md)| | 19 | [Projects](./19_projects/19_projects.md) |
|20|[Projects](./20_projects/20_projects.md)| | 20 | [Projects](./20_projects/20_projects.md) |
|21|[Hooks](./21_Introducing_Hooks/21_introducing_hooks.md)| | 21 | [Hooks](./21_Introducing_Hooks/21_introducing_hooks.md) |
|22|[Forms Using Hook](./22_Form_Using_Hooks/22_form_using_hooks.md)| | 22 | [Forms Using Hook](./22_Form_Using_Hooks/22_form_using_hooks.md) |
|23|[Fetching Data Using Hooks](./23_Fetching_Data_Using_Hooks/23_fetching_data_using_hooks.md)| | 23 | [Fetching Data Using Hooks](./23_Fetching_Data_Using_Hooks/23_fetching_data_using_hooks.md) |
|24|[Project using Hooks](./24_projects/24_projects.md)| | 24 | [Project using Hooks](./24_projects/24_projects.md) |
|25|[Custom Hooks](./25_Custom_Hooks/25_custom_hooks.md)| | 25 | [Custom Hooks](./25_Custom_Hooks/25_custom_hooks.md) |
|26|[Context](./26_Context/26_context.md)| | 26 | [Context](./26_Context/26_context.md) |
|27|[Ref](./27_Ref/27_ref.md)| | 27 | [Ref](./27_Ref/27_ref.md) |
|28|[project](./28_project/28_project.md)| | 28 | [project](./28_project/28_project.md) |
|29|[Explore](./29_explore/29_explore.md)| | 29 | [Explore](./29_explore/29_explore.md) |
|30|[Conclusions](./30_conclusions/30_conclusions.md)| | 30 | [Conclusions](./30_conclusions/30_conclusions.md) |
🧡🧡🧡 HAPPY CODING 🧡🧡🧡 🧡🧡🧡 HAPPY CODING 🧡🧡🧡
<small>Support the **author** to create more educational materials</small> <small>Support the **author** to create more educational materials</small> <br />
<a href = "https://www.paypal.me/asabeneh"><img src='./images/paypal_lg.png' alt='Paypal Logo' style="width:10%"/></a> <a href = "https://www.paypal.me/asabeneh"><img src='./images/paypal_lg.png' alt='Paypal Logo' style="width:10%"/></a>
</div> </div>
--- ---
@ -302,7 +301,7 @@ Programming languages are similar to human languages. English or many other lang
I made a deliberate mistake. As a result, the console raises syntax errors. Actually, the syntax is very informative. It informs what type of mistake was made. By reading the error feedback guideline, we can correct the syntax and fix the problem. The process of identifying and removing errors from a program is called debugging. Let us fix the errors: I made a deliberate mistake. As a result, the console raises syntax errors. Actually, the syntax is very informative. It informs what type of mistake was made. By reading the error feedback guideline, we can correct the syntax and fix the problem. The process of identifying and removing errors from a program is called debugging. Let us fix the errors:
```js ```js
console.log("Hello, World!") console.log('Hello, World!')
console.log('Hello, World!') console.log('Hello, World!')
``` ```

Write Preview
Loading…
Cancel
Save