React Essentials

Description

The web is the ubiquitous app development and content delivery platform. In this 3.5-day course, students craft responsive websites and tame complexity through maintainable user interface components. We give them a solid foundation for today's web technologies: HTML5, CSS3, ES6, and ReactJS. Students don’t leave knowing only those tools; they are prepared to pick up and apply whatever the web ecosystem throws at them in years to come.

Who should take this class?

• Native developers who want to create a web presence that supports an app, grows a user base and collects user feedback.
• Backend developers who need to create full-stack web apps.
• Web developers transitioning to ReactJS.

How to prepare:

• Basic understanding of object-oriented or functional programming is expected.
• Software development experience is necessary, though it does not have to be with JavaScript.

Syllabus:

Building Responsive, Mobile-Friendly Websites

• Style and lay out an application with HTML and modern CSS.

• Create a responsive web page with CSS Grid Layout, Flexbox, and Media Queries.

• Implement visual effects and animation using CSS3 transitions.

• Write JavaScript functions to respond to user interactions with the page.

• Use HTML5 form elements to create an order form.

• Ensure correct input with client-side validation.

Creating Web Applications With React

• Split your interfaces into easily-managed, reusable components using the React framework.

• Utilize JSX to describe how the interfaces should be rendered.

• Persist and synchronize state between components using React hooks.

• Manage cart contents with a state reducer.

• Access, create, and delete remote server data using AJAX and REST.

• Asynchronous data fetching with React hooks and promises.

• Creating orders and login with a backend API.

• Manage routing with React Router.

• Creating orders and login with a backend API.

• Sync open orders with websockets.

• Pass user details throughout the application with React Context.

Testing React

• Ensure your website behaves as expected through tests

• Write unit tests with React Testing Library

• Write end to end tests with Cypress