React is a very popular front-end open-source JavaScript framework developed by Facebook for building stylish and advanced user interfaces. Combining with Node.js for server-side functionality, it allows for the development of full-stack applications and boasts a large array of support libraries that can be incorporated for added functionality. Using React cuts dev time exponentially, and as a result, it has been a popular choice for startups seeking to rapidly go to market with a sleek full-featured product. In this workshop, we’ll use React and Node.js to code a note-taking app in the free Visual Studio Code IDE. We’ll walk you through all the steps for coding and deploying a fully functioning web app in no time. Prerequisites: - Basic knowledge of HTML and JavaScript - Install Node.js (https://nodejs.org/en/) - Install Visual Studio Code (https://code.visualstudio.com/download) ----------------------------------------- To learn more about The Assembly’s workshops, visit our website, social media or email us at workshops@theassembly.ae Our website: http://theassembly.ae Follow us on social media: —Instagram: http://instagram.com/makesmartthings —Facebook: http://fb.com/makesmartthings —Twitter: http://twitter.com/makesmartthings #JavaScript #React #NodeJS #WebDevelopment #WebApps
- Make sure you have Node and npm installed on your computer by typing this command into the terminal node -v npm -v
- Change directory into the folder where you want to create the React folder cd Desktop
- To create a default React application with the name noteapp, type command npx create-react-app noteapp This creates a basic React application and also installs many packages that a developer may need.
- Change directory into the noteapp directory with the command cd noteapp and then run it with npm start
- Before starting to code, we will install some packages that we need npm install @material-ui/core @material-ui/icons react-quill firebase