Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/abdallahabusedo/learnreact


https://github.com/abdallahabusedo/learnreact

Last synced: 14 days ago
JSON representation

Awesome Lists containing this project

README

        

![image](https://user-images.githubusercontent.com/42722816/92336392-57ff3c80-f0a0-11ea-8647-c03c15267631.png)

# Introduction

[![GitHub issues](https://img.shields.io/github/issues/abdallahabusedo/LearnReact)](https://github.com/abdallahabusedo/LearnReact/issues)
[![GitHub forks](https://img.shields.io/github/forks/abdallahabusedo/LearnReact)](https://github.com/abdallahabusedo/LearnReact/network)
[![GitHub stars](https://img.shields.io/github/stars/abdallahabusedo/LearnReact)](https://github.com/abdallahabusedo/LearnReact/stargazers)


## what is React ?

## [Link of React Doc](https://reactjs.org/docs/getting-started.html)

> React : `is a JavaScript library for building user interfaces `.

> React : `is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called (components) `.

> React : `is a JavaScript library it is not a framework it is library it is focused on doing one thing and doing that one thing really well and that is the second part building user interfaces so`

> The user interface (UI) : `is the point at which human users interact with a computer, website or application. The goal of effective UI is to make the user's experience easy , requiring minimum effort on the user's part to receive maximum desired outcome `.

> `React does not focus on the other aspects of your application like routing or HTTP requests it is responsible only for building rich user interfaces`

> `react is a project created and maintained by Facebook when a company like Facebook uses to react in its own products and invests money and resources to keep the project alive you can be rest assured it is not going to die down anytime soon as of this recording it more than a hundred thousand stars on github and a huge community behind it this means to say you will be able to find tons of articles and Stack Overflow solutions to most of the problems that you will encounter when getting started with react also if you read through Stack Overflow developer survey every year you will quickly find out that react has become increasingly popular among developers and is also one of the most sought out skill sets by companies right now learn react and you have a great chance of landing that front-end developer job you've always wanted now`


# React.JS History

- Current version of React.JS is V16.8.6 (March 2019).

- Initial Release to the Public (V0.3.0) was in July 2013.

- React.JS was first used in 2011 for Facebook's Newsfeed feature.

- Facebook Software Engineer, Jordan Walke, created it.

- The create-react-app version 2.0 package was released in October 2018.

- Create-react-app version 2.0 supports Babel 7, webpack 4, and Jest23.






![image](https://user-images.githubusercontent.com/42722816/92278326-4b8ab080-eef5-11ea-89a1-795d4a69476f.png)


## React is declarative

> ` Tell React What you want and React will build the actual UI`

> `React will handle Efficiently updating and rendering of the components`

> `DOM updates are Handles gracefully in React`


## What Should you know before react

* Html
* CSS
* JS Fundamentals
* ES6


We will Start with

- React Fundamentals
- HTTP
- Routing
- State Managements Redux
- Utilities


## Before We Start

You Must Install Node.js
you can find you version [in this Link ](https://nodejs.org/en/download/)

and then we must Download a Text editor , i Recommend Vs Code
and you can download it from [this link ](https://code.visualstudio.com/)


## License

> This software is licensed under MIT License, See [License](https://github.com/abdallahabusedo/LearnReact/blob/master/LICENSE) for more information ©AbdallahAbuSedo.