Skip to main content

Day 1 - About React and MERN Stack

Welcome to Day 1, we are going to learn about React and the MERN stake, take advantage of this and ask any question you can have about it.

This day try to cover most of important concepts about developing in React Native.

First step - Basics of React#

Getting started#

Read the Getting Started section of React official documentation, here the link

Cover this topics:

  • Getting Started
  • Add React to a Website
  • Create a New React App
  • CDN Links
  • Release Channels

Main Concepts#

Read the following React documentation about React Main Concepts:

Main Concepts

Ensure to cover full contents:

  1. Hello World
  2. Introducing JSX
  3. Rendering Elements
  4. Components and Props
  5. State and Lifecycle
  6. Handling Events
  7. Conditional Rendering
  8. Lists and Keys
  9. Forms
  10. Lifting State Up
  11. Composition vs Inheritance
  12. Thinking In React

Do the React Tutorial (Tic Tac Toe)#

Complete the Reactjs.org tutorial for React. Here the link

Second step - Read#

Coding is a lecture work, you have to be clear of know what is happening in your code and there is no simpler way than reading.

Here are examples of React web applications, read them all at least 5 times for ensuring you know what is happening.

Ask yourself following questions while reading:

  • What is this code doing?
  • How is this file interacting with other files?
  • How is data flowing through the app?
  • How can I storage information?
  • How is DOM working?
  • Which externals packages are required?
  • Which versions of react are being used?
  • How components are interacting?
  • How states and hooks are interacting?

Here is the list of apps for reading:

Third step - Define final project idea#

Is not required to tell us now what project you will present in final Demo Day, but start thinking about it, you can look at Day 0 about what is required for this demo.

Once you have your final project defined, you can tell us via Discord Server of CloudMex Academy.

Four step - Full course MERN#

As if previous steps were not enough, we ask you to complete more as possible of MERN Stack course, is not required to complete it today, but try your harder for covering topics during the rest of WFD.

MERN Stack Course - Free Code Camp

Interesting Fact#

Did you know that React is maintained by Facebook? As part of their open source initatives.