Maurice de Beijer
Tell me, and I will forget. Show me and I may remember. Involve me, and I will understand
Zoetermeer, The Netherlands
Actions
Maurice de Beijer is an independent software consultant and trainer. He specializes in TypeScript, ECMAScript, React and Svelte. His work includes popular collaboration software as well as a large, global, safety application for the oil and gas industry. He has a preference for working with startups and smaller, more dynamic companies. Maurice is also active in the open source community. He teaches ECMAScript, TypeScript, React, Cypress, Playwright and RxJS courses. Since 2005, he has received Microsoft’s Yearly Most Valuable Professional Award. Further, Maurice is active in the Dutch dotNed user group and helps organize its meetings.
Links
Awards
Blazingly fast React using async rendering
React is getting a lot of features to make rendering asynchronous code easier and better. But why should you care? After all, React is already blazingly fast. Does it really need to get any faster? Or is it actually solving a problem many of us have? And if so, how can we start using Reacts new asynchronous features?
From zero to hero with ReactJS workshop
In this full day workshop you will learn how to create a React application from scratch. We will start assuming no React experience at all. Once done you will have created a Netflix website clone. This makes for a great exercise as the real Netflix website is actually build with React. During this workshop you will learn how to get started with the Create-React-App utility. You will learn how to break down the user interface into a series of distinct components. Each component having its own responsibility. You will learn how to capture user input to filter the movies shown as well as do AJAX requests. At the end you will be confident in starting your own React applications.
Advanced React components workshop
In this workshop, you are going to learn how to create better React components. We will start of simple and compare regular and pure functional components. Next, we will look at controlled versus uncontrolled components and when you want to use which of the two options. Then you will learn how to use the React.Fragment class to reduce the number of DOM nodes you need to create at runtime.
After the intro you will learn how to use Reacts Component componentDidCatch() lifecycle function to catch errors and make your applications more resilient to failure. We will also take a look at the sorts of errors that componentDidCatch() doesn’t catch for you.
Next you will learn about two different ways of adding cross cutting concerns like error handling to React components. First, we will look at creating higher order components like the Redux connect function. While higher order components are a great way of extending components, they aren’t without their drawbacks. So, we will investigate an alternative approach using render props. This is another great mechanism, and a more flexible approach as well.
You will also learn about various performance enhancements you can use with their tradeoffs.
Finally, you will learn how to use the new React Context that will ship with React 16.3 to make it even more convenient to pass data from one component to another
Create flexible React applications using GraphQL APIs
Using restful APIs can be hard on your React applications. Before you know it, you are doing lots of parallel queries to the server. Using GraphQL instead of REST might help a lot. Instead of downloading many complete resources each component declares its own needs. Then the GraphQL client library then combines these requirements. The result is a single optimized query for the server. In this session, Maurice de Beijer is going to show you how to get started with GraphQL in you React applications.
Why I am hooked on the future of React
The React team rewrote the book on developing components. Before we had a choice between classes and functional components. Yet many components needed to be classes. A functional component was often too limited. Now, using hooks, we can extend functional components to be as powerful as we want.
Come to this session to learn what React hooks are and how to get started using hooks. But be warned, once seen React hooks can’t be unseen and your React components will never be the same again.
From zero to hero with the Reactive extensions for JavaScript
Reactive and functional programming, you have probably heard the term mentioned before. It’s supposed to be really cool and a good practice. But what is reactive programming exactly and how to get started with it in JavaScript? And why does Angular start using the reactive extensions for JavaScript (RxJS) instead of standard promises?
In this presentation, Maurice is going to show you how to get started with RxJS, the JavaScript implementation of the ReactiveX library. You will learn why using RxJS is a great way of dealing with streams of events in an asynchronous and functional way.
Maurice de Beijer
Tell me, and I will forget. Show me and I may remember. Involve me, and I will understand
Zoetermeer, The Netherlands
Links
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top