From d755dfa4e73e60a590d9248e713921e3a923446d Mon Sep 17 00:00:00 2001 From: Asabeneh Date: Tue, 6 Oct 2020 18:04:20 +0300 Subject: [PATCH] minor fixes --- 01_Day_JavaScript_Refresher/01_javascript_refresher.md | 2 +- 02_Day_Introduction_to_React/02_introduction_to_react.md | 4 ++-- 03_Day_Setting_Up/03_setting_up.md | 1 + 06_Day_Map_List_Keys/05_map_list_keys.md | 3 ++- readMe.md | 2 +- 5 files changed, 7 insertions(+), 5 deletions(-) diff --git a/01_Day_JavaScript_Refresher/01_javascript_refresher.md b/01_Day_JavaScript_Refresher/01_javascript_refresher.md index 5c90a36..120928c 100644 --- a/01_Day_JavaScript_Refresher/01_javascript_refresher.md +++ b/01_Day_JavaScript_Refresher/01_javascript_refresher.md @@ -4083,7 +4083,7 @@ class Person { const fullName = this.firstName + ' ' + this.lastName return fullName } - get getscore() { + get getScore() { return this.score } get getSkills() { diff --git a/02_Day_Introduction_to_React/02_introduction_to_react.md b/02_Day_Introduction_to_React/02_introduction_to_react.md index ebec523..fa995b8 100644 --- a/02_Day_Introduction_to_React/02_introduction_to_react.md +++ b/02_Day_Introduction_to_React/02_introduction_to_react.md @@ -28,7 +28,7 @@ - [Commenting a JSX element](#commenting-a-jsx-element) - [Rendering a JSX Element](#rendering-a-jsx-element) - [Style and className in JSX](#style-and-classname-in-jsx) - - [Injecting data to a JSX Element](#injecting-data-to-jsx-element) + - [Injecting data to a JSX Element](#injecting-data-to-a-jsx-element) - [Injecting a string to a JSX Element](#injecting-a-string-to-a-jsx-element) - [Injecting a number to a JSX Element](#injecting-a-number-to-a-jsx-element) - [Injecting an array to a JSX Element](#injecting-an-array-to-a-jsx-element) @@ -115,7 +115,7 @@ const welcome =

Welcome to 30 Days of React Challenge

const data = Oct 2, 2020 ``` -The strange looking code above looks like a JavaScript, but it is not JavaScript. It also looks like HTML, but not completely an HTML element. It is a mix of JavaScript and an HTML elements. JSX can allow us to use HTML in JavaScript. The HTML element in the JSX above is _h1_ and _small_. +The above strange looking code seems like JavaScript and it seems like , but it is not JavaScript and it seems like HTML but not completely an HTML element. It is a mix of JavaScript and an HTML elements. JSX can allow us to use HTML in JavaScript. The HTML element in the JSX above is _h1_ and _small_. #### JSX Element diff --git a/03_Day_Setting_Up/03_setting_up.md b/03_Day_Setting_Up/03_setting_up.md index fd8c729..d8df120 100644 --- a/03_Day_Setting_Up/03_setting_up.md +++ b/03_Day_Setting_Up/03_setting_up.md @@ -746,4 +746,5 @@ The boilerplate code can be found [here](../03/../03_Day_Setting_Up/30-days-of-r ![News Letter](../images/news_letter_design.png) 🎉 CONGRATULATIONS ! 🎉 + [<< Day 2](../02_Day_Introduction_to_React/02_introduction_to_react.md) | [Day 4 >>](../04_Day_Components/04_components.md) diff --git a/06_Day_Map_List_Keys/05_map_list_keys.md b/06_Day_Map_List_Keys/05_map_list_keys.md index aca25ef..f206086 100644 --- a/06_Day_Map_List_Keys/05_map_list_keys.md +++ b/06_Day_Map_List_Keys/05_map_list_keys.md @@ -97,7 +97,6 @@ Let's see how to map array of arrays import React from 'react' import ReactDOM from 'react-dom' -const App = () => { const skills = [ ['HTML', 10], ['CSS', 7], @@ -268,4 +267,6 @@ ReactDOM.render(, rootElement) 3. ![Ten most highest populations](../images/day_6_ten_highest_populations_exercise.png) +🎉 CONGRATULATIONS ! 🎉 + [<< Day 5](./../05_Day_Props/05_props.md) | [Day 7 >>]() diff --git a/readMe.md b/readMe.md index 1b6849d..27853ec 100644 --- a/readMe.md +++ b/readMe.md @@ -73,7 +73,7 @@ In this step by step 30 Days React challenge, you will learn React which is one React can do everything that JavaScript can do. React can be used **_to add interactivity to websites, to develop mobile apps, desktop applications, games_**. I believe you will learn quite a lot in the next 30 days and your programming and problem solving skills will also be improved significantly. -I will use conversational English and less jargons to write this challenge. The content will be continuously updated. If you find a typo or grammar mistakes don't surprised because I don't do any proof read before I publish it. I would recommend you to focus on the main message of the challenge instead of the English and some minor mistakes. I really appreciate if you send me pull requests for improvement and remember to pull first from master before you send pull requests. Most of the images I have used in this challenge came from 30DaysOfJavaScript challenge therefore you may need to rename file names and folders 30DaysOfReact. +I will use conversational English and less jargons to write this challenge. The content will be continuously updated. If you find a typo or grammar mistakes don't be surprised because I don't do any proof read before I publish it. I would recommend you to focus on the main message of the challenge instead of the English and some minor mistakes. I really appreciate if you send me pull requests for improvement and remember to pull first from master before you send pull requests. Most of the images I have used in this challenge came from 30DaysOfJavaScript challenge therefore you may need to rename file names and folders 30DaysOfReact. If you are good at arrays, loops, functions, objects, functional programming, destructuring and spreading and class then you will be able to follow the challenge properly. Otherwise, I strongly recommend you to check [30DaysOfJavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript). ## Requirements