Best Resources to Be React and React Native Developer in 2021
Tags: react, reactnative, javascript, gatsby
Published: 2020-11-22 10:17:52

Hi my friend thank you for benign here, so as you know I’m self-taught so I learn all technologies by myself so I will tell you how to learn and grow faster and some mistakes I had done in my journey of learning also some best Resources and if you can’t afford the price of this courses just get in touch with me I will help you.  
In the last of this article, I will provide courses that cover all the topics I will talk about it

## Thing you should learn 

**Html :**  Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. so thing to Learn about it :learn the basics , form Validation, semantic HTML  

**Css :**  Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. With CSS you can add some cool design and animation to a web page, so thing to Learn about it : learn basics, making layouts (Box Model, flex Box, Grid, positioning, display ), make Responsive design  and media queries 

**JavaScript :** To create dynamic applications you will need Javascript, javascript is the scripting language for web pages supporting Object Oriented Programming And function Programming Things to learn :Syntax and basic constructs , Dom Manipulation , fetch(api) / ajax (xhr) ,Es6 +  , best practices , hoisting  , how JavaScript Works , web Apis , event loop....

**Git :** is version Control system learn only  the basics 

**Package Manager :**  Npm and Yarn 
 
**Module bundlers :** Webpack, parcel, 

**React :**  React is an open-source, and JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications Things you should learn: what is React and ReactDom  and how it’s work, JSX,   how to build custom components, hooks, Context Api, Routes, Redux, 

**Modern Css :**  Styled components, CSS Modules 


**Css Frameworks :**  we have two  types of framework one came with javaScript it’s better when you are working with a framework of javascript shus as: Material Ui, ReactStrap, Tailwind. Another one is CSS first frameworks which don't come with javascript Components by default 

**Testing :**  learn the difference between unit, integration, and functional tests and learn how to write them with some tools like: Jest, Enzyme….

**Server Side rendering :**  Server-side rendering (SSR) is a popular technique for rendering a client-side single page application (SPA) on the server and then sending a fully rendered page to the client. This allows for dynamic components to be served as static HTML markup. This approach can be useful for search engine optimization (SEO) when indexing does not handle JavaScript properly. You should learn about Next.js 

**static site generator :**  you should learn about  Next.js and Gatsby

**React Native :**  React Native is an open-source mobile application framework created by Facebook, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows, and UWP by enabling developers to use React's framework along with native platform capabilities.

**GraphQL:** GraphQL is an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data. GraphQL was developed internally by Facebook in 2012 before being publicly released in 2015



## Best Way To Learn :

I will share with you my experience in learning  first don’t watch without practice,
Second, always try to create side projects, because when you try to create new projects you will face many challenges and problems and you will try to fix them and this is the best one.
 



## Resources To learn those technologies :  

One of my best Resources is Zero To Mastery Academia :
This course from **Andrei Neagoie** will teach you all things that junior developers need and I think is the best course to start with. you will learn in this course  Html, CSS, Javascript, React, Git, nodejs, Npm, CSS Grid …….. 
https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/

 To Learn  react and be good at it. you should be good at JavaScript and so I will give best course in javaScript I think :
This course  will go through from basics to advance in JavaScript 
https://www.udemy.com/course/the-complete-javascript-course/
This on from wesbos is one of the best javascript developer you like it 
https://beginnerjavascript.com/
This one is Option because it's so advanced
https://www.udemy.com/course/advanced-javascript-concepts/

 
 
And if you are ready  to learn React I will suggest to you two courses  one from udacity 
And the other one from zero to mastery. You don’t any Course after watching one of them you will just need to start creating some project to master React 
https://www.udacity.com/course/react-nanodegree--nd019
https://www.udemy.com/course/complete-react-developer-zero-to-mastery/


For React Native I think one course from Mosh Hamadani Will be good if you already know react 
https://codewithmosh.com/p/the-ultimate-react-native-course

Best youtube channels To follow :
- Arbaoui Mahedi this is only for Moroccan guy  
- Traversy Media
- Wesbos
- The Ninja