gitextract_bsi177zr/ ├── .github/ │ └── FUNDING.yml ├── .gitignore ├── 01_Day_JavaScript_Refresher/ │ └── 01_javascript_refresher.md ├── 02_Day_Introduction_to_React/ │ └── 02_introduction_to_react.md ├── 03_Day_Setting_Up/ │ ├── 03_setting_up.md │ └── 03_setting_up_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── index.js │ └── math.js ├── 04_Day_Components/ │ ├── 04_components.md │ └── 04_components_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ └── index.js ├── 05_Day_Props/ │ ├── 05_props.md │ └── 05_props_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ └── index.js ├── 06_Day_Map_List_Keys/ │ ├── 06_map_list_keys.md │ └── 06_map_list_keys_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 07_Day_Class_Components/ │ ├── 07_class_based_components_boilerplate/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── data/ │ │ │ ├── countries.js │ │ │ └── ten_most_highest_populations.js │ │ └── index.js │ └── 07_class_components.md ├── 08_Day_States/ │ ├── 08_states.md │ └── 08_states_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 09_Day_Conditional_Rendering/ │ ├── 09_conditional_rendering.md │ └── 09_conditional_rendering_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 10_React_Project_Folder_Structure/ │ ├── 10_react_project_folder_structure.md │ └── 10_react_project_folder_structure_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── App.js │ ├── components/ │ │ ├── color/ │ │ │ └── HexaColor.js │ │ ├── country/ │ │ │ └── Country.js │ │ ├── footer/ │ │ │ └── Footer.js │ │ ├── header/ │ │ │ └── Header.js │ │ ├── main/ │ │ │ └── Main.js │ │ ├── shared/ │ │ │ └── Button.js │ │ └── user/ │ │ └── UserCard.js │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── styles/ │ │ ├── button-styles.js │ │ ├── common.css │ │ ├── country.css │ │ ├── footer.css │ │ ├── header.css │ │ ├── index.css │ │ └── user-card.css │ └── utils/ │ ├── display-date-and-time.js │ └── hexadecimal-color-generator.js ├── 11_Day_Events/ │ ├── 11_events.md │ └── 11_events_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 12_Day_Forms/ │ ├── 12_forms.md │ └── 12_forms_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 13_Day_Controlled_Versus_Uncontrolled_Input/ │ ├── 13_uncontrolled_input.md │ └── 13_uncontrolled_input_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 14_Day_Component_Life_Cycles/ │ ├── 14_component_life_cycles.md │ └── 14_component_life_cycles_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 15_Third_Party_Packages/ │ ├── 15_third_party_packages.md │ └── 15_third_pary_packages_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 16_Higher_Order_Component/ │ ├── 16_higher_order_component.md │ └── 16_higher_order_component_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 17_React_Router/ │ ├── 17_react_router.md │ └── 17_react_router_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 18_Fetch_And_Axios/ │ ├── 18_fetch_and_axios_boilerplate/ │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── data/ │ │ │ ├── countries.js │ │ │ └── ten_most_highest_populations.js │ │ └── index.js │ └── 18_fetch_axios.md ├── 19_projects/ │ ├── 19_projects.md │ └── 19_projects_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 20_projects/ │ ├── 20_projects.md │ └── 20_projects_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ └── index.js ├── 21_Introducing_Hooks/ │ ├── 21_introducing_hooks.md │ └── 21_introducing_hooks_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ └── index.scss ├── 22_Form_Using_Hooks/ │ ├── 22_form_using_hooks.md │ └── 22_form_using_hooks_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ └── index.scss ├── 23_Fetching_Data_Using_Hooks/ │ ├── 23_fetching_data_using_hooks.md │ └── 23_fetching_data_using_hooks_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ └── index.scss ├── 24_projects/ │ ├── 24_projects.md │ └── 24_projects_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ └── index.scss ├── 25_Custom_Hooks/ │ ├── 25_custom_hooks.md │ └── 25_custom_hooks_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js ├── 26_Context/ │ ├── 26_context.md │ └── 26_context_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js ├── 27_Ref/ │ ├── 27_ref.md │ └── 27_ref_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js ├── 28_project/ │ ├── 28_project.md │ └── 28_project_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js ├── 29_explore/ │ ├── 29_explore.md │ └── 29_explore_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js ├── 30_conclusions/ │ ├── 30_conclusions.md │ └── 30_conclusions_boilerplate/ │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public/ │ │ └── index.html │ └── src/ │ ├── data/ │ │ ├── countries.js │ │ └── ten_most_highest_populations.js │ ├── index.js │ ├── index.scss │ └── useFetch.js └── readMe.md