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 email@example.com to let us know what you think.
Accessing the Developer tools in my browser allows me to see the Domino has been built and also see the references to the bundle file a Webpack is created to render my app. These are shown in the script tux here. I can also get access to the files that are being used to create those bundles. I can do this by switching to the Sources tab and clicking through the folder structure.
And as I'm using Chrome it gives me a link to the Chrome web store. I can add this to Chrome and then go back to my developer tools. These won't show until I close the tools down and reopen them. Although you can see that there's an icon appeared in the top right-hand corner next to the address bar.
So clicking on it, opens up the elements and shows me exactly where the app component is rendered in my DOM. I can also ask it to output my components to the Console. If I click on this button here and then go to the Console and then expand this, it allows me to access some of the properties that are attached to my app components. The final button takes me to the part of the files that actually create that component. And as you can see, this is same as the App.js file that I showed earlier in this video.
Ed is an Outstanding Trainer in Software Development, with a passion for technology and its uses and holding more than 10 years’ experience.
Ed is responsible for delivering QA’s Programming Foundations course using the Eclipse IDE. His skillset extends into the DevOps sphere, where he is able to deliver courses based around Agile/Scrum practices, version control, and CI/CD.