Skill Up Card - Course Bundles

Save up to €4,145 per delegate.

skill up card logo - Nexus Human

Getting Started with React | Introduction to React Basics (TT4190)

4.6 out of 5 rating

Jump to dates

Duration

3 Days

18 CPD hours

About this course

This course is for intermediate skilled web developers new to React who are proficient in HTML5, CSS3 and JavaScript. This course is not for beginners.

Overview

Our engaging instructors and mentors are highly experienced practitioners who bring years of current "on-the-job" experience into every classroom. Working in a hands-on learning environment, guided by our expert team, you'll learn how to:
- Develop and Deploy a Basic React Application: Gain basic skills in setting up a React development environment and deploying a basic React web application.
- Work with React Components and JSX: Learn to effectively use class and functional components in React, integrating JSX syntax for dynamic user interface development.
- Implement Forms and Routing in React: Acquire skills in creating and managing interactive web forms and implementing seamless navigation using React Router.
- Apply State Management and Lifecycle Methods: Understand and apply state management using the useState Hook and lifecycle methods with the useEffect Hook in React applications.
If your team requires different topics or tools, additional skills or custom approach, this course may be further adjusted to accommodate. We offer additional full stack development, React, React Native, web development, design and security courses which may be blended with this course for a track that best suits your development objectives.

Description

React Essentials is an engaging, three-day course tailored for web developers who are new to React. This course is a perfect starting point for those looking to add this powerful JavaScript library to their skill set. React is renowned for its efficiency in building dynamic user interfaces, making it a valuable asset for any web project. By learning React, you'll be equipped to create more interactive, responsive websites, enhancing both user experience and organizational web strategies.
During the course, you'll explore essential React topics through a mix of lectures and hands-on labs.
Throughout the course, you'll dive into the essentials of React, starting with the fundamentals of building your first React web application, where you'll learn about setting up your development environment and creating your initial application. You'll also explore the intricacies of React's component-based architecture, including functional components, and understand the role of JSX in developing intuitive user interfaces. You'll also explore creating and managing web forms, along with an understanding of routing to build multi-page applications. Complementing these core topics, the course also introduces you to
advanced concepts such as the Virtual DOM, state management using Hooks, and essential tools like React Router, ensuring you have a comprehensive foundation in React.
This course prioritizes a practical approach, ensuring that 50% of your time is spent in hands-on labs, solidifying your
understanding through real-world application. Guided by an industry expert, you'll acquire problem-solving skills and gain
confidence in applying your new knowledge immediately in your projects. By the end of the course, you will have not only a theoretical understanding of React but also practical basic experience in its application, ready to enhance your web
development projects with your newfound skills.
NOTE: For a deeper dive into React essentials with extended topics and labs, you might consider the five day React Boot Camp (TT4195) course as an alternative. The five day Boot Camp is a superset of this three day React Essentials (TT4190) course.

Prerequisites

This fast-paced course is for intermediate skilled web developers new to React who are proficient in HTML5, CSS3 and JavaScript.
This course is not for beginners.

Your first React Web Application ¢ Setting up your development environment ¢ JavaScript ES6 /ES7 ¢ Next.js Introduction ¢ Getting started 2. Functional Components ¢ What's a component ¢ Class components ¢ Functional components - Motivation behind Hooks ¢ Our first component ¢ Building the App ¢ Props - Making the App data-driven ¢ Events - Your app's first interaction with the useEffect() Hook ¢ State - Updating state with the useState() Hook 3. JSX and the Virtual DOM ¢ React Uses a Virtual DOM ¢ Why Not Modify the Actual DOM ¢ What is a Virtual DOM ¢ Virtual DOM Pieces ¢ ReactElement 4. JSX ¢ JSX Creates Elements ¢ JSX Attribute Expressions ¢ JSX Conditional Child Expressions ¢ JSX Boolean Attributes ¢ JSX Comments ¢ JSX Spread Syntax ¢ JSX Gotchas 5. Forms ¢ Forms 101 ¢ Text Input ¢ Multiple fields ¢ Validation 6. Routing ¢ What's in a URL ¢ React Router's core components ¢ Building the components of react-router 7. Advanced Component Configuration with context ¢ Context - Provider/Consumer ¢ useContext() Hook Example Bonus Content / Time Permitting 8. Unit Testing & Jest ¢ Writing tests without a framework ¢ What is Jest ¢ Using Jest ¢ Testing strategies for React applications 9. Debugging React ¢ Using React Developer Tools ¢ Using Visual Studio Code ¢ OPTIONAL - Using the Chrome Debugger 10. REST ¢ REST Basics ¢ Using fetch ¢ Using axios 11. ES6 Primer ¢ Prefer const and let over var ¢ Arrow functions ¢ Modules ¢ Object.assign() ¢ Template literals ¢ The spread operator and Rest parameters ¢ Enhanced object literals ¢ Default arguments ¢ Destructuring assignments
Additional course details:

Nexus Humans Getting Started with React | Introduction to React Basics (TT4190) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward.

This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts.

Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success.

While we feel this is the best course for the ITS Data Analytics course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you.

Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Training Insurance Included!

When you organise training, we understand that there is a risk that some people may fall ill, become unavailable. To mitigate the risk we include training insurance for each delegate enrolled on our public schedule, they are welcome to sit on the same Public class within 6 months at no charge, if the case arises.

What people say about us


Global Schedule

GTR = Guarenteed to Run

05 Aug 24 Enquire Book
15:00 - 23:00Live Online1,995
30 Sep 24 Enquire Book
15:00 - 23:00Live Online1,995

18 Nov 24 Enquire Book
15:00 - 23:00Live Online1,995

Find out more about this course

Interested in alternative dates? Would like to book a private session of this course for your company? Or for any other queries please simply fill out the form below.