The course is part of this learning path
Course Description
This module summarises what you’ve learnt in the React Learning Path
Learning Objectives
The objectives of this module are to summarise what you’ve done in this learning path, and provide you with some next steps.
Intended Audience
This learning path is aimed at all who wish to learn how to use the ReactJS framework.
Prerequisites of the Course
It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience, along with good HTML and CSS skills.
Feedback
We welcome all feedback and suggestions - please contact us at qa.elearningadmin@qa.com to let us know what you think.
- We've covered React JS in some detail. You began by looking at what React JS is and how you can get the project started. We looked at the tooling and development environment. We learned how to create components as functions and how they used to be created as classes. Facebook have a guide to building React JS applications called Thinking in React and we went through how you can start to design an application. Taking a mock and some data, creating a static version, perhaps using props and propTypes, identifying what value should be state and then, identifying where that state should live and adding it to the application. To do that, we covered the state talk, how we use forms and trigger events. But then used inverse data flow in an applications passing functions through props to set state in parent components. We added external data to an application, studying the use of the useEffect hook and asynchronous data calls. To get the skills to make our app single pages, we gained experience with react-router-dom using its components like Router, Switch, Route and NavLink to add in-page navigation. Finally, we looked at an alternative methods for state management and custom hooks. This involved using reducers in context and their associated hooks and leveraging some custom hooks to help implement this to clean up component code and extract this data handling away from them. After all we said throughout the course, React JS is for taking data and displaying it. We hope you've enjoyed the series, but please do keep on practicing your skills. Whether that be using the labs that accompany the course or taking the skills knowledge and understanding you've gained to build your very own apps. Thanks for watching.
Ed is an Outstanding Trainer in Software Development, with a passion for technology and its uses and holding more than 10 years’ experience.
Previous roles have included being a Delivery Manager, Trainer, ICT teacher, and Head of Department. Ed continues to develop existing and new courses, primarily in web design using: PHP, JavaScript, HTML, CSS, SQL, and OOP (Java), Programming Foundations (Python), and DevOps (Git, CI/CD, etc). Ed describes himself as practically minded, a quick learner, and a problem solver who pays great attention to detail.
Ed’s specialist area is training in Emerging Technologies, within Web Development. Ed mainly delivers courses in JavaScript covering vanilla JS, ES2015+, TypeScript, Angular, and React (the latter is authored by Ed) and has delivered on behalf of Google for PWAs. Ed has also developed a new suite of PHP courses and has extensive experience with HTML/CSS and MySQL.
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.