Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

– The Git website

Choose one of the following options.

• Instructions for Windows
• Instructions for Mac
• Instructions for Linux

• Does String A have the same character as string B
• Does the given string have any repated characters in it?

• Try to change the string to the object --> keys are characters from the string and values are the number of times that character repated

https://www.youtube.com/watch?v=-RtJroTMDf4

• npm install -g create-react-app globally will install react app, this will help us scafold new React app
• create-react-app reactnotes generates the React application dependencies, packages, react-dom...
• cd reactnotes
• ls -la --> show you the all files structure

• Install all the necessary dependencies for this project
• npm install --save firebase--> using firebase for your backend
• npm start

https://www.youtube.com/watch?v=qh3dYM6Keuw

• by default is null so you can set it to what you want
• only place you set your initial state is in constructor
• whenever state changes it will rerender and update the DOM it will only updated affected node no lets see how we change it
• go in the render method then you can change the set for ex:
• React take care of DOM manipulation for us.
• Use State --> only get used when component has internal value and that only affect that component.

1. JS Object Notation --> based on a subset of JS
2. Easy to Read and Write
3. Often used with AJAX --> What is AJAX ? send data back and forth between client and server without having to refresh the browser.
4. JSON can be parsed and used with most modern languages.

DATA Types

1. If we have some dynamic content that we want to place JSX we should place it in {} for example -->

   Im a Person and I am {Math.floor(Math.random()*30)} years old!

Working with Props

2. We use Props to pass data between components!, means that we can pass properites on element(jsx component) by props

3. Porps is simply an object that give us acces to all the attributes we pass to our own components.

1. http is an application layer protocol that allows web-based application to communicate and exchange data
2. http is the messenger of the web
3. http used to deliver contents
4. http is a stateless protocol --> the client and server know about each other just during the current request
5. it means when two computer wants to connet again, they need to provide information to each other again

1. http was designed mainly to fetch html documents and sends it to the client.
2. browser sends request (htttp message) --> then client disconnected and wait for the respond

1. It doesnt have state. It doesnt care about other pages (restful)
2. Dont perform on procedure. | Using hashes | Routes
3. It will give you a free API | It will give you a convention

REST HTTP Verbs

s1 l1

1. github.com/stephengrider
2. all codes for this course --> https://github.com/StephenGrider/ReduxCasts

s1 l2 l3 l4

1. ES6 --> transpile through (webpack + babel) --> to index.html | application.js | style.css
2. get the repo ReduxSimpleStarter --> git clone ...
3. Go to that directory by cd ProjectName , we need to run npm install