Nik Graf

Nik Graf discusses his experience in optimizing React applications as he goes through a few specific cases where he improved performance.

In this talk, Nik Graf will discuss his experience in optimizing React applications as he goes through a few specific cases where he improved performance.

2020

React Finland

Tips and tricks for optimizing your React application

2019

React Advanced

Designing GraphQL Schemas

ReactEurope

Nik Graf Interview by Jared Palmer

ReasonReact recently got a major overhaul. In this talk we explore the next version writing blazing fast, statically typed components using React Hooks. Once thrilled we add a little bit of genType’s magic on top of it, in order to compile our components to TypeScript, Flow or untyped JavaScript. Your co-workers won’t even believe they are compiled from a different language!

A Hitchhiker’s Guide to the new ReasonReact

Unpopular opinions are mostly popular opinions people post on Twitter and share them as an unpopular opinion. Some unpopular opinions though are really unpopular for a good reason. Doesn’t make sense to you? Neither to me.

Unpopular Opinions

Badly designed props can lead to components that are frustrating to use. While there are a couple patterns to make components more pleasant to use, ultimately it needs a type system in combination with a good editor integration for an even better developer experience. Yet not all type systems are the same. They offer different features and therefore lead to different experiences.

2018

React Day Berlin

Type Systems & Props Design - Exploring PropTypes, TypeScript, Flow & Reason

We will kick off with the basics and then quickly go into how to leverage features like variant types and pattern matching to make impossible states impossible. After you gained some knowledge about the basics the course will dig even further into ReasonReact.

Get started with Reason

2017

Composition

Many web developers haven’t explored WebVR yet. Building 3D Worlds was an intimidating endeavour. Especially with ReactVR there is no reason for that anymore. 

The talk kicks off with the basics of WebVR, shows how to build and navigate rooms using panos in ReactVR. 

Next it shows how to create a couple 3D meshes and how put together a small world using them.

React Amsterdam

Introduction to ReactVR

Earlier this year Facebook open sourced its React based rich text editing framework Draft.js. At Facebook it powers status updates, comments & notes. Others used it to build editors matching Medium’s experience.
Together with a whole team of open source contributors I built a plugin architecture on top of Draft.js. In this talk I walk you through the existing plugins and show how you can build your own feature-rich text editor for the web with only a handful lines of code.

https://gist.github.com/nikgraf/4e973205eb7b60ecf974c568d2322a38