The course is part of this learning path
This module will introduce you to the React Development Environment. You’ll also look at some useful tools available in the React environment, as well as looking at a React project anatomy and how React interacts with the DOM.
The objectives of this module are to provide you with an understanding of:
- Developer tools available for React
- How to set up the developer environment and a skeleton React application
- Security concerns with React
This learning path is aimed at all who wish to learn how to use the ReactJS framework.
We welcome all feedback and suggestions - please contact us at firstname.lastname@example.org to let us know what you think.
When bundling our application the Index.js file is used as the entry point to enter the React code. If we look inside this file we can see that it imports some symbols and then calls the random method from React Dom. This method takes two arguments, the first is the markup we want insert into our application. And the second is the reference to an html element in the Index.html file. Looking closely at this function call, you'll see that the first argument appears to be markup and not a Jarvis rip expression as you might expected. It is something called jsx and we'll cover that in a different video. But to use this syntax we have to import React. What the expression actually is, is a React component, called Strip Mode, rapping our app component. The Strip Mode component was recently introduced as a tool for highlighting potential problems in our application and it doesn't render anything. So our application will actually render the app component inside the first element in the Index.html file that has the idea for it. The service worker mentioned here is functionality baked in to create React app and it allows you to create progressive web applications using React. By default this functionality is disabled.