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


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!