Presentations

Why I am hooked on the future of React

Why I am hooked on the future of React

Published: 2/27/2021

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. Suspense and asynchronous rendering is in the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. 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.

Building reliable web applications using Cypress

Building reliable web applications using Cypress

Published: 2/13/2021

Tired of having users email you that your web application is broken? Turns out that building reliable web applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real user would. In this session Maurice will show you how to use Cypress during development and on the CI server. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Getting started with React Suspense and concurrent rendering

Getting started with React Suspense and concurrent rendering

Published: 10/14/2020

React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this. You will learn all about using , showing loading indicators and handling errors. You will see how easy it is to get started with concurrent rendering. You will make suspense even more capable by combining it with concurrent rendering, the useTransition() hook and the component.

Keep your application close, and your react components closer

Keep your application close, and your react components closer

Published: 8/13/2020

Storybook is a very popular development tool for React components. Developing components separately from your application will make you much more productive. Storybook will help you write and showcase your components in an isolated playground. Once done Storybook allows you to deploy your storybooks as a style guide for coworkers to use. This session by Maurice de Beijer is about developing React components with Storybook. But Storybook also works with Angular, Vue, Svelte and many others.

Why I am hooked on the future of react

Why I am hooked on the future of react

Published: 3/3/2020

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. Suspense and asynchronous rendering is the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. 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. https://www.meetup.com/tilburg-tech-tuesdays/events/265871896/

React suspense, not just for Alfred Hitchcock

React suspense, not just for Alfred Hitchcock

Published: 1/29/2020

The React team has rewritten the book on developing components several times. This time they have introduced Suspense. Amongst other thing this makes splitting your application into multiple bundles easier. But that is only the start as the real innovation comes when loading data. Gone are the side effect hooks with the typical loading, loaded and error states. Instead we can suspend components when loading data. Need to do multiple request? No problem you can suspend multiple components at the same time if you want. Need to trap errors? No problem just use a standard React error boundary. Come to this session to learn what React Suspense can do for you.

Why I am hooked on the future of React

Why I am hooked on the future of React

Published: 10/2/2019

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. Suspense and asynchronous rendering is in the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. 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

From zero to hero with the Reactive extensions for JavaScript

Published: 6/27/2019

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.

Why I am hooked on the future of React

Why I am hooked on the future of React

Published: 5/23/2019

Presentation about why I am hooked on the future of React at the Rotterdam React meetup @mendix

The new React

The new React

Published: 5/16/2019

The new React workshop at the DevDays Vilnius 2019

From zero to hero with the reactive extensions for JavaScript

From zero to hero with the reactive extensions for JavaScript

Published: 5/16/2019

From zero to hero with the reactive extensions for JavaScript presentation at the DevDays Vilnius 2019

Why I am hooked on the future of React

Why I am hooked on the future of React

Published: 1/26/2019

Presentation about the future of React components using hooks at the dotNedSaturday conference in the Netherlands.

I am hooked on React

I am hooked on React

Published: 11/16/2018

Presentation about the new React hooks capabilities at JS Poland 2018.

Create flexible React applications using GraphQL apis

Create flexible React applications using GraphQL apis

Published: 5/24/2018

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 your React applications.

Create flexible react applications using GraphQL API's

Create flexible react applications using GraphQL API's

Published: 4/13/2018

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. https://rome2018.codemotionworld.com/

Docker for a .NET web developer

Docker for a .NET web developer

Published: 11/26/2017

You have probably heard about Docker, these days it is a popular topic with cloud computing. But what does it take for a .NET developer to start with Docker? And where can you use it? Of course, you can deploy an application to the cloud using Docker. But you can also use Docker very effectively as a support tool when developing or testing. In this session, Maurice de Beijer will show you some of the many opportunities to use Docker.

From zero to hero with the reactive extensions for JavaScript

From zero to hero with the reactive extensions for JavaScript

Published: 10/10/2017

From zero to hero with the reactive extensions for JavaScript at the Munich Web Developer Conference 2017. http://www.web-developer-conference.de

The productive developer guide to React

The productive developer guide to React

Published: 10/10/2017

The productive developer guide to React presentation at the WDC - Web Developer Conference. http://www.web-developer-conference.de

Docker containers on Windows

Docker containers on Windows

Published: 10/6/2017

Docker containers on Windows at the Centric Tech event 2017

Building high-performance web applications with Preact

Building high-performance web applications with Preact

Published: 9/22/2017

Presentation for the .NET Zuid user group about building high-performance web apps using Preact.