Hands-on Web Development with React

Hands-on Web Development with React

image description

Course Description

Boost your JavaScript skills by building a real-world SPA with React The best way to explore React is to dive in, build realistic interfaces, and unravel its secrets one by one. This video course is designed to take you on a journey from a fascinated newbie to an expert in advanced concepts and design patterns. You will work on an SPA project from start to finish and learn how to implement features and interfaces based on real-world requirements. Facing every challenge head-on, you will slowly dissect React and expose its features. Each section will take you through one web development feature with React. You will write components that are maintainable, reusable, stylish (based on CSS-in-JS concepts), and easy to compose. You will tie together all the concepts by turning your small React app into a fully featured Single-Page Application. You will also understand how to add routing, networking, and session management to your project. By the end of the course, you will be wel

l on your way to becoming a React expert, armed with strong fundamentals and clear conceptual knowledge of advanced patterns. About the Author Filip Danić is a software engineer, JavaScript enthusiast, and tech speaker. He's worked on web applications—both on the frontend and backend—for enterprise clients as well as VC-backed startups. His code and architecture decisions are deployed at several Fortune 500 companies. Filip is passionate about the JavaScript ecosystem and is constantly exploring new frameworks and tools. He is particularly enthusiastic about applying functional programming concepts, crafting good documentation, and providing a better development experience for others. Who this course is for: This video course is for frontend web developers with a good working knowledge of JavaScript. It is ideal for developers who have a basic knowledge of React .js and those who want to create attractive, high-performance user interfaces.

What you will learn

The secret behind crafting reusable UI components with React Everything you need to know about the inner workings of React Core concepts you'll need to build complex interfaces—such as lifecycle methods, PropTypes, event handling, state and props, and reconciliation Create beautiful interfaces with styled components Create an SPA based on real-world requirements Leverage functional programming concepts to build composable components Simple, yet powerful methods for testing components with Jest Various tips and tricks in the field of professional front-end engineering

Curriculum

Section 1: Get a Head Start By Creating a React App

Section 2: Building Components with React

Section 3: Understanding the Core Concepts

Section 4: Crafting Styled Components

Section 5: Building a Full React SPA

Section 6: Multi-Role SPAs with React

Section 7: Advanced Patterns and Concepts