Hi i'm Open To Work as Front-end developer

Best Resources to Be React and React Native Developer in 2021

created by Wassim Nassour in 2020/11/21

Best Resources  to Be React and React Native Developer in 2021

Hi my friend, thank you for being here. As you may know I am self-taugh, I had learned all the technologies by myself. In this article I will tell you how to learn and grow faster and I will show you some mistakes that I have done in my journey of learning I am going to show you also some best resources you can use, if you can't afford the price of this courses just contact me and i will help you.

Things you should learn

Html: Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. so what you should 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 Programing 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 guys
Traversy Media
Wesbos
The Ninja
techsith