minor fixes

pull/42/head
Asabeneh 4 years ago
parent 2e1eeeab13
commit d755dfa4e7

@ -4083,7 +4083,7 @@ class Person {
const fullName = this.firstName + ' ' + this.lastName const fullName = this.firstName + ' ' + this.lastName
return fullName return fullName
} }
get getscore() { get getScore() {
return this.score return this.score
} }
get getSkills() { get getSkills() {

@ -28,7 +28,7 @@
- [Commenting a JSX element](#commenting-a-jsx-element) - [Commenting a JSX element](#commenting-a-jsx-element)
- [Rendering a JSX Element](#rendering-a-jsx-element) - [Rendering a JSX Element](#rendering-a-jsx-element)
- [Style and className in JSX](#style-and-classname-in-jsx) - [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 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 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) - [Injecting an array to a JSX Element](#injecting-an-array-to-a-jsx-element)
@ -115,7 +115,7 @@ const welcome = <h1>Welcome to 30 Days of React Challenge</h1>
const data = <small>Oct 2, 2020</small> const data = <small>Oct 2, 2020</small>
``` ```
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 #### JSX Element

@ -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) ![News Letter](../images/news_letter_design.png)
🎉 CONGRATULATIONS ! 🎉 🎉 CONGRATULATIONS ! 🎉
[<< Day 2](../02_Day_Introduction_to_React/02_introduction_to_react.md) | [Day 4 >>](../04_Day_Components/04_components.md) [<< Day 2](../02_Day_Introduction_to_React/02_introduction_to_react.md) | [Day 4 >>](../04_Day_Components/04_components.md)

@ -97,7 +97,6 @@ Let's see how to map array of arrays
import React from 'react' import React from 'react'
import ReactDOM from 'react-dom' import ReactDOM from 'react-dom'
const App = () => {
const skills = [ const skills = [
['HTML', 10], ['HTML', 10],
['CSS', 7], ['CSS', 7],
@ -268,4 +267,6 @@ ReactDOM.render(<App />, rootElement)
3. ![Ten most highest populations](../images/day_6_ten_highest_populations_exercise.png) 3. ![Ten most highest populations](../images/day_6_ten_highest_populations_exercise.png)
🎉 CONGRATULATIONS ! 🎉
[<< Day 5](./../05_Day_Props/05_props.md) | [Day 7 >>]() [<< Day 5](./../05_Day_Props/05_props.md) | [Day 7 >>]()

@ -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_**. 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 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). 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 ## Requirements

Loading…
Cancel
Save