FE MASTER CLASS

fe-master-class.md

ReactJS 2021

Prerequisites

1. HTML5, CSS3
2. Javascript

Main Concept

Concepts

1. JSX Syntax
2. Rendering elements
3. Component and props
4. State and Lifecycle
5. Handling events
6. Conditional Rendering
7. Lists and Keys
8. Forms
9. Lifting State Up
10. Composition vs Inheritance
11. Thinking in React

Lession 001

Related Doc

• https://reactjs.org/docs/introducing-jsx.html
• https://www.w3schools.com/js/default.asp
• https://www.w3schools.com/html/default.asp
• https://www.w3schools.com/css/default.asp
• https://developer.mozilla.org/en-US/docs/Web/API

Get and display the news from these pages

• https://cafebiz.vn/rss.chn
• https://bongda24h.vn/RSS.html
• https://vnexpress.net/rss

Development Tools

1. VSCode Extensions

• Prettier
• React Snippets
• React Redux

HTML5 guidelines

• Use lowercase for all elements and attributes as you would in XHTML.
• Despite some elements not requiring closing tags, we recommend that all elements containing content be closed (as in <p>Text</p>).
• Although you can leave attribute values unquoted, it’s highly likely that you’ll have attributes that require quotes (for example, when declaring multiple classes separated by spaces, or when appending a query string value to a URL). As a result, we suggest that you always use quotes for the sake of consistency.
• Omit the trailing slash from void elements (such as meta or input).
• Avoid providing redundant values for Boolean attributes (for instance, use rather than )