React

Boost Your Developer Potential with React Server Components

Boost your skills and developer potential with this comprehensive course on React Server Components. Designed for budding and proficient React developers alike, this course will help you understand the why's and how's of React Server Components, and why they matter in today's digital landscape.

The course begins with an overview of what React Server Components are and how they differ from traditional React components and Server-Side Rendering. You'll learn how these components can effectively execute on the server, deliver better type safety and lead to smaller bundle sizes.

This course is more than just instructions, it’s a bridge to the future of web-based React applications. This course delivers practical learning through real-world examples. You'll learn how to turn a React client component into a server component, how to handle updates and caching and how to query databases directly from a React Server Component.

To enhance your learning experience, the course offers insights on the use of Suspense & React Server Components and their application in streaming. We'll also discuss how to diagnose server components and how to effectively use React Server Actions.

To further amplify your developer potential, this course encourages hands-on learning. This guarantees to take your understanding of React Server Components to the next level, while also equipping you with the enhanced skills needed to build better applications.

Learn More
React

Building Applications with React

The open-source React library from Facebook is becoming very popular. Not only is it used for the main Facebook website but lots of other major companies are adopting React. This class will introduce delegates to building web applications using React. Many developers think of React as just a View part of the Model View Controller pattern. With the proper understanding of React gained during this course you will understand its true powers.

The course doesn’t stop where React itself stops. It enables you to build rich Single Page Applications (SPA) using the popular React-Router library. You will also learn about architecting React applications using the Flux design pattern. We will do this using the popular Redux library.

Learn More
TypeScript

TypeScript for React developers

The open-source React library from Facebook is very popular. It's a great library for building large complex browser-based line of business applications. However, building large line of business applications with pure JavaScript is hard. Refactoring existing code or adding functionality can be difficult and requires a lot of testing.

TypeScript is a great open-source language from Microsoft. TypeScript is a strongly typed superset of JavaScript so relatively easy to get started with for JavaScript developers. The same is true for C#, Java or other developers used to strongly types languages who are switching to web technologies.

Combining React and TypeScript gives us a really powerful combination to build large browser-based applications. TypeScript has supported the React JSX syntax since version 1.6 and is fully supported by Create-React-App.

Learn More
TypeScript

Best practices & advanced TypeScript tips for React devs

In this interactive course I am going to show you how you can get more out of using TypeScript when developing React applications.

Using some simple techniques and settings will help a lot in how TypeScript can check our application code. And when TypeScript can do a better job of checking out code it will catch many more potential error and reducing the amount of runtime bugs. One of the main benefits of getting TypeScript to do this is a short feedback cycle. Seeing potential bugs when you are writing the code and being able to address those immediately is much more productive then doing so months later when a user reports that bug in production. And a bug that never reaches production makes for happy users a other stake holders 😀

Learn More
React

Concurrent Rendering Adventures in React 18

Are you building React applications that sometimes render a bit slowly? And looking at React 18 Concurrent Rendering to speed things up? Or using React 17 and looking to upgrade your applications to React 18? Not sure what is new in React 18 and what you need to change? Or maybe you are wondering what the benefits of React 18 concurrent rendering are in the first place?

In this course I am going to explain you all about the new concurrent rendering features in React 18. But why stop there, after all there is more to React 18 than just concurrent rendering. I will show you the behavior changes you need to be aware of!

Learn More
Cypress

Master Cypress in 15 minutes a day

Tired of having users email you that your web application is broken? Using Cypress, the JavaScript End to End Testing Framework, as a quality control tool will help a lot in preventing those emails. Yet Cypress, good as it is, is not a silver bullet.

In this course you will learn how easy it is to get started with Cypress and create your first useful tests. We are going to start at the basics of Cypress. But we are not going to stay there. You will also learn how to make tests for data driven applications more reliable and even faster. You will also learn how to expand Cypress with extra functionality. We will do that both by adding additional plugins as well as writing our own extensions. We will look at how how to test applications using 3rd party authentications services. And you will learn how to include all that as part of your continuous integration build. Helping you prevent errors in code from ever deploying to production.

Learn More
React

React Hooks Tips Only the Pros Know

Are you loving React but new to the Hooks API? Are you already using React Hooks but not sure you are doing the right thing? Or maybe you are sometimes getting tripped up by some of the React Hooks details?

The addition of the Hooks API to React was quite a major change. Before React Hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can mess up with React Hooks. And it often turns out there are many ways where you can improve your components by a better understanding of how each React Hook can be used.

Learn More
ReactiveX

Master RxJS Without Breaking A Sweat

Are you struggling to learn the Reactive Extensions Library for JavaScript, RxJS for short? Are you using Angular and seeing Observables returned to you in many places? Perhaps you are using React, Vue or Node. Then again, maybe you only heard about functional and reactive programming and that RxJS makes your asynchronous code easier to write and more concise.

My name is Maurice de Beijer and in this video course I would like to teach you all about using RxJS. During this course you will learn quite a few things. Discover why developing with Observables is so powerful. Learn how to create Observables using the different functions available. Explore different operators to manipulate Observable streams. Examine different scenarios where using Observables makes life easy. At the end of this course you will be able to solve common programming problems using RxJS.

Learn More
Storybook

Building React components with Storybook in 30 minutes or so

In this course, you are going to learn how to quickly build React component using Storybook. First, you will learn what Storybook is and why Storybook is such an awesome tool. You will learn how to add Storybook to an existing Create-React-App based application and start it to load all stories in an application.

Next, you will learn how to write stories to visually test your components. You will learn how to use decorators and add-ons to enhance the capabilities of Storybook stories. You will also use the Storyshots addon to create Jest snapshot tests from your stories so they are part of your unit tests.

Finally, you will learn how to publish your stories as a static site using GitHub pages.

Learn More