Nik Graf

Articles & Tutorials

Using React's Key Attribute to remount a Component (nikgraf.com)
Apr 27, 2020
First we checkout how React's key can be used, then walk through a real world scenario and finally discuss if we should use it.

    Libraries

    polished (polished.js.org)4854
    v3.4.1
    Jun 16, 2019
    A lightweight toolset for writing styles in JavaScript.
    belle (nikgraf.github.io)2367
    v4.0.0
    Oct 11, 2017
    Configurable React Components with great UX.

    Video Guides & Talks

    A Hitchhiker’s Guide to the new ReasonReact (youtube.com)
    May 28, 2019
    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.
    Unpopular Opinions (youtube.com)
    May 01, 2019
    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.
      Type Systems & Props Design - Exploring PropTypes, TypeScript, Flow & Reason (youtube.com)
      Jan 07, 2019
      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.
      Get started with Reason (youtube.com)
      May 25, 2018
      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.
      Introduction to ReactVR (youtube.com)
      May 14, 2017
      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.
      The Evolution of React UI Development (youtube.com)
      Jun 06, 2016
      Hot reloading makes for a great Developer Experience, but we can do even better. Using interactive style guides that show our components in a variety of different states we can test their look and feel in diverse situations.

      Courses & Video Series

      GraphQL Data in React with Apollo Client (egghead.io)
      Dec 05, 2018
      This course is for GraphQL newbies with a basic understanding of React. It focuses on the client-side implementation of GraphQL usage using the Apollo client.
      Leverage New Features of React 16 (egghead.io)
      Sep 27, 2017
      React 16 comes with some powerful new features, in this course we'll be exploring each of them.
      Build Virtual Reality Experiences Using React VR (egghead.io)
      Aug 26, 2017
      In this course we will explore the possibilities to bring VR to the Web using React VR.