Learn to use TypeScript with React through building a series of React components. You’ll explore the types that come with React that allow you to infer the properties of your components, look at tips and advice for migrating your application from JavaScript to TypeScript, and learn advanced patterns for building flexible and type-safe components.
Much more than an intro, you’ll start from the ground up, getting to using the latest features in React, including hooks, effects, context, and portals. Throughout the course, you’ll piece together tools from the entire React ecosystem (like Parcel, ESLint, Prettier, and React Router) to build a complete application to browse adoptable pets!
This course is modular, where you can pick and choose various react ecosystems you want to learn. You’ll learn hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering, add TypeScript, state management with Redux, test your app with Jest …and more!
Take Next.js to the next level through building a production-ready, full-stack React app. You’ll add authentication to your app, add the ability to generate hundreds of pages performantly, preview your content, query a database, and use a CMS with Next.js. Then deploy your app to production using the Vercel platform.
Welcome to React For Everyone! In this series, we will cover modern React techniques from top to bottom. Both beginners and intermediate level React users will get a lot from this series. Let’s get started!
Next.js is a complete full-stack framework built on top of React.js. You can use Next.js to create static sites like blogs and documentation websites to even full-blown, full-stack applications, and APIs. In this course, you'll learn server-side rendering, static site generation, data fetching, build API endpoints, creating pages with the file system, add CSS modules inside of Next.js, and much more!
Once you've got a grasp on the basics, Khaled will share his process for migrating an existing application built with Create-React-App project over to the Gatsby way of doing things.
In this course, you'll create a design system from scratch and learn the foundational design concepts that go into one. You'll design your components using Figma, then take those designs and turn them into coded components using React.
Interested in React? This course explores why React is worth considering, tradeoffs to consider, and reasons React may, or may not be the right fit for you.
Leverage your JavaScript and React skills for mobile iOS and Android platforms using React Native. Examples in this course allow you to get started quickly and see your changes immediately in React Native using Expo, or use pure React Native standalone if you prefer. You’ll use native components for rendering lists, building forms, and styling them with CSS.
In this course you will take a deep dive into React fundamentals, covering all new React concepts including Hooks. I do address some legacy features in case you’re working with an older codebase, but the majority of this course will focus on working with modern React. You will learn how to style your app, techniques for maintaining your app, and some more advanced concepts like performance optimization.
In this course, you will learn how to utilize TypeScript’s sophisticated type system to make React development faster and your code more readable. You will learn how to create component props, state, and events that are strongly-typed, allowing you to quickly understand what you can pass and helping you avoid mistakes.
In this course, you will create a to-do app. But before diving into creating an application, you’ll first learn how React Tracked can solve common performance issues around render optimization. Once you learn how to work with this library, you’ll then build a to-do app through two different methods.
Learn how to build end-to-end strongly-typed React apps that enable you to focus less on writing fragile, single purpose data fetching code and more on functionality that your users care about.
In this course, you’ll use React—a JavaScript library for crafting exceptional user experiences—and Firebase to create your own quiz app with a back-end database.
React & TypeScript for Everyone will give you a firm grasp of the fundamentals and set you up for success every single time. Along the way, we'll go over plenty of examples to boost your confidence and expand your skillset.
This course is your one-stop reference to most important React updates since V16 was released. We’ll walk through all the major features of modern React so you can stay in sync with the most recent changes while learning to write better software.
In this self-paced workshop, you'll work through refactoring a component to use a custom hook, and learn to apply the patterns used by the React team to your own code.
Take a dive into the React world, complete with the brand new Hooks API. Learn how to “think” in components, dataflow and master JSX to build React applications the modern way.
In this course, Derek Jensen will take you through the process of creating a brand new guest book app, from scratch, using React. As you follow along, you'll code your entire app with functional components, and in the process you'll learn not just what hooks are, but also how and when to use them.
Learn to leverage the power of declarative gestures and animations in order to build delightful user experiences that run at 60 fps even on low-grade Android devices.
Give your UX design new life as a functional, interactive web page through the power of prototyping in React! This beginner-friendly course covers styling and crafting a simple application that can bring your ideas to life in new and exciting ways.
In this course, you will learn about GraphQL, it's core concepts, and why you should choose GraphQL to build your APIs. Explore the growing GraphQL ecosystem and tools that provide you a superior developer experience.
In this course, you’ll learn best practices for structuring your data and how to keep your application fast and nimble as your codebase grows. You’ll get your hands on multiple solutions for managing state in large React applications including Redux, Redux Thunk, Redux Observables and MobX.
The marketing pitch for Hooks is that they allow you to add state and other React features to function components. In reality, they're much more than that. In this course you'll start by learning the mental model behind Hooks. Once you've got that you'll learn each Hook individually followed by a practical, real-world problem set to work through.
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintains an average rating of 4.8/5. Since then we've rebuilt it from the ground up to include all of the best practices and newest APIs for building professional React apps in 2019.
In this course, Tomasz Łakomy will show you how to use React 360 to create amazing 3D and VR experiences. You’ll build on your React foundation, using the component formatting you already know, and push it to another dimension to create web apps that can be enjoyed across mobile, desktop, and VR headsets. And you won’t need to use crazy complex tools like WebGL to do it — just React!
Create powerful design and code components for your app and design system using Framer X. Learn how to design and animate an app from scratch and use React to create production-ready components.
Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This is a modular course where you can pick and choose the various pieces of the react ecosystem you want to learn.
In this course, you will learn how to quickly spin up a reproducible development environment with Docker to manage a number of microservices. Once the app is up and running locally, you'll learn how to deploy it to an Amazon EC2 instance. Finally, we'll look at scaling the services on Amazon Elastic Container Service (ECS) and adding AWS Lambda.
Learn to build real-world applications using modern React! Much more than an intro, you’ll start from the ground up, getting all the way to using the latest features in React, including hooks, effects, context, and portals.