Chapter 1

Question 1

What is react?

Answer 1

A javascript library for building user interfaces.

Question 2

What are components?

Answer 2

React uses components to render UI. Eg. header, footer, sidebar, headline, article content.

React components are custom html that can be reused.

Question 3

How to build a react project? What all libraries and preprocessors are required?

Answer 3

Libraries-
React and react-dom
Javascript preprocessor - Babel

Question 4

How to create a react component?

Answer 4

Create a function with first letter capital.
Return JSX from it. (Similar to html) - a div maybe

In last line write -
ReactDOM.render(, document.querySelector(“#p1”));

In Html- write

<div> </div>

Or you can render entire page by giving page id as app. And render app, where app is a jsx variable with all elements inside it.

Question 5

How are attributes passed to react component?

Answer 5

We can pass props to the component as argument of the function.

Props.name will hold name
Props.email will hold email.

Question 6

Why React?

Answer 6

Ui state becomes difficult to handle with vannila Js

Focus on business logic not on preventing your app from exploding

Huge ecosystem. Active community, high performance.

Question 7

What are alternatives to react?

Answer 7

Angular,
Vue js

Backbone, amber
Jquery - has technical details a user has to keep in mind to use jquery. However it must be avoided when used with react.

Question 8

What are two types of application?

Answer 8

Single page application.
Multipage application.

One HTML page, content is rendered on it. You get one html page from the server and then after everything else is managed by the javascript with react. Entire page has components managed by js.

Multipage application - every url has different pages. React can be used here. But not everything is managed by react here.

In spa, react dom is called once, allows to use react routers

In mpa, react dom is called multiple times. (Widget dont know of each others existence.)

Question 9

Outline of course

Answer 9

1. Getting started
2. The basics - react components and their communication
3. Debugging
4. Styling components
5. Components deep dive
6. Http requests - spa, ajax, asynchronous http
   Routing
7. Forms and Validation
8. Redux
9. Authentication
10. Testing
11. Deployment
12. Bonus - animation, next steps, next.js

Question 10

Get most out of this course

Answer 10

Code along
Check source code at the end of each unit
Ask in Q&A, try answering
Practice, practice, practice