React.js

This article is part 1 in a series: React-basics

• 1 - React.js

React…

This is not a full length post, just a small info post about an upcoming series.

We have a few projects in which we use React js. When new people are added to the project, a lot of them are missing out some of the core stuff from either JavaScript or React.
I have told my co-workers that I will hold a few lessons in react, javascript and stuff around this over a slack call and possibly drop a video or two about it, but to make it as easy as possible for me, I will start with writing my thoughts down.

The “lessons” I thought I would start with to give a decent base for new devs expects the devs to actually know a little bit of JavaScript. But other than that, I will try to make it as basic as possible for everyone to be able to tag along. I have thought about a small crash course in the very fundamental parts of JS too, but that will be a later object!

The first parts of the course:

1. Lesson 1: Introduction
   1. Babel and Webpack (tools)
   2. What is JSX?
   3. JSX Syntax and must-knows
   4. JavaScript and JSX
   5. Styles and JSX
2. Lesson 2: Classes
   1. What is a JavaScript class?
   2. import, export, require.
   3. Class or Global, why?
   4. React.Component inheritence.
   5. Implementing a component.
3. Lesson 3: Classes - deeper dive
   1. React.Component methods
   2. Hooks and Lifetime/cycle
   3. Deprecated methods.
   4. States and Props.

If anyone think that there are stuff I am missing in the basic course, let me know and I’ll make sure to evaluate, update and fix anything that will make it better!