Blasting React Into Space: Building Fluid Interfaces With React and WebGL
408At its heart, React is about describing a living, changing tree. We typically use it to build an HTML DOM tree, and obviously, React is written with that in mind.
But what if I told you that the DOM was only the beginning? Your React components can describe not just HTML, but whole WebGL scenes, letting you seamlessly integrate beautiful, GPU-accelerated interfaces into your projects.
First, we'll build a React / WebGL binding from whole cloth, learning about the differences between rendering with HTML and rendering with WebGL as we go.
Then, we'll go deeper, exploring new and exotic species of trees to bring to life: animation, audio, and even Javascript code itself. Our explorations will bring us into contact with each piece of the React trinity—the pattern (virtual DOM), syntax (JSX), and implementation (reconciler). There's something in here for everyone who uses React, even if your daily practice remains firmly rooted in the React/DOM combo we all know and love.
EVENT: Full Stack Fest 2017
SPEAKER: Ashi Krishnan
PERMISSIONS: The original video was published on Codegram Technologies YouTube channel with the Creative Commons Attribution license (reuse allowed)
Thumbnail: Shreyas Amargol
ORIGINAL SOURCE: https://www.youtube.com/watch?v=DJ-oSy0tN_U
Other Videos By Coding Tech
| 2017-11-08 | How To Write Secure JavaScript Applications |
| 2017-11-06 | SVG CAN DO THAT?! |
| 2017-11-05 | WebAssembly Demystified |
| 2017-11-02 | WordPress + PWA = Progressive Web Sites |
| 2017-10-31 | How To HACK A Node App |
| 2017-10-30 | Performance Limitations of React Native and How to Overcome Them |
| 2017-10-28 | A Skeptics Guide To Functional STYLE JavaScript |
| 2017-10-27 | Has The Age Of Quantum Computing Finally Arrived? |
| 2017-10-27 | The JavaScript Starter Kit Manifesto |
| 2017-10-26 | Are You a SOLID Developer? |
| 2017-10-24 | Blasting React Into Space: Building Fluid Interfaces With React and WebGL |
| 2017-10-20 | Promises Are Terrible; Start Using Promises |
| 2017-10-19 | Deep Dive Into Computer Vision |
| 2017-10-18 | Machine Learning For Software Developers |
| 2017-10-15 | WebGL In Action! |
| 2017-10-12 | THIS IS NATIVESCRIPT! |
| 2017-10-10 | ReactJS - Django App Development Workshop |
| 2017-10-08 | Discovering JavaScript |
| 2017-10-07 | Toward A Better Front End Architecture: ELM |
| 2017-10-06 | Building UI At Enterprise Scale With Web Components |
| 2017-10-04 | The Reusable JavaScript REVOLUTION |