react-workshop
  • Welcome to a React workshop!
  • Intro
  • Your very first React app
  • Using JSX and props
  • Connecting to a server
  • A mini-version of IMDB
  • Finally, off to production! 🚀
  • Outro
Powered by GitBook
On this page
  • About the tasks at hand
  • The structure of this Gitbook
  • Working on the examples locally on your machine

Intro

Through these exercises you will learn how to create your very own React application 🎉Luckily for us, React has very useful and up-to-date documentation at reactjs.org. Even experienced React-developers confer with this documentation weekly, so you should try it out as well; you are encouraged to use the docs actively throughout solving the assignments that follows. Still, remember to ask group tutors and co-students as well. We are here to help :)

About the tasks at hand

For simplicity's sake, and to reduce the cognitive load of setting up a full environment ourselves, we have chosen to put the the assignments up on codesandbox.io. The site creates an in-browser React-environment for us, letting us to skip the setup-part (for now), as well as giving us code hints and a useful developer environment for our purposes.

The structure of this Gitbook

Each chapter will contain at least two elements:

  • Explanation of the code given

  • A link to an assignment at CodeSandbox, where precode is given

Working on the examples locally on your machine

All of the example React projects from CodeSandbox can be setup locally on your machine. You do not need to do this for solving the assignments in this Gitbook, but you may use the guide below if you want to further develop a React application locally.

Guide: - Install Node and NPM - Click the "Download" button inside your CodeSandbox application, and unzip the folder. - Navigate to the folder in the terminal and run npm install , followed by npm start. - Go to http://localhost:3000/ in your browser, and your site should appear!

PreviousWelcome to a React workshop!NextYour very first React app

Last updated 6 years ago