Getting started with React

10/09/2022

In this article we'll cover:

  • What is React
  • Class component vs Function component
  • What are "props"
  • Managing application state
  • Styling
  • API calls
  • Routing
  • Basic application example

Introduction

React is an MVC

Foo title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit recusandae provident architecto sunt eos laborum praesentium, eligendi expedita ipsa! Odit, quia! Dignissimos corporis eos, pariatur, minima vero molestiae voluptatibus corrupti reiciendis aperiam, aliquid odio. Atque, dolores quidem eos ut incidunt facilis error veritatis obcaecati corporis ullam eius porro labore aut repellat quibusdam, laboriosam expedita, officiis tempore laudantium pariatur quod delectus. Saepe repellendus expedita quisquam nulla placeat, velit animi alias? Quis perferendis sunt sapiente et iure enim, maiores facere, omnis quasi error tempora eius dolorum voluptatibus debitis excepturi autem laborum hic temporibus, eum nihil doloribus ad. Voluptatibus eveniet doloremque quas optio?


              // this is a comment
              import React from 'react';
              function MyComponent(props) {
                return 

Hello World!

}

Bar title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, excepturi delectus repellendus laboriosam ducimus minus eligendi, cumque ullam libero nesciunt at unde, voluptate assumenda aliquid necessitatibus atque suscipit repudiandae minima quaerat. Dolorum reprehenderit non nulla. Iusto delectus exercitationem eligendi temporibus quam, ipsum rerum corrupti! Provident voluptatem dolorem consequatur molestias amet!

  • foo
  • bar
  • baz

baz title

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptate nemo ex, ducimus obcaecati consequuntur aut, dolorum odio asperiores et, possimus deserunt voluptatibus nulla at quibusdam repellendus ut ad? Eveniet distinctio harum quasi ipsam iste exercitationem reiciendis fugit quisquam corrupti cum quia ducimus ipsa, voluptates maxime dolorum omnis incidunt at, quaerat porro consectetur facilis libero! Debitis unde, voluptate id aspernatur, iusto nesciunt corrupti, iste dolor nisi molestias dicta repellendus vitae tempore!

Conclusion

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor perspiciatis quidem voluptates adipisci doloremque sed explicabo omnis, ipsa culpa deleniti nemo corrupti, necessitatibus itaque autem delectus sequi soluta reiciendis quos!