Posts Tagged: reactive ui

Home » reactive ui

Learning React Native Through Responsiveness and Instant Feedback

React Native Express is an interactive guide that enables you to learn React Native right in the browser. Getting started with React Native - and React for that matter - can be quite daunting. While the framework itself isn't all that difficult to grasp there are quite a few tools like transpilers such as Babel and state management libraries like Redux which are required for getting productive with React Native. React Native Express attempts to ease you in and make that initial ... Read more

Design & Quantum Superposition

Last year, Hungarian designer Csongor Bartus published a thought-provoking article I've only recently come across. Quantum mechanics and design are two words you don't often see juxtaposed and probably rightfully so. No, I've not gone crazy and I'm not going to go down some weird esoteric "Quantum Design" rabbit hole here. However, Csongor borrows the term superposition from quantum mechanics as a metaphor for an interesting new angle on design for the web: To cut in, let's equip all content with all states ... Read more

Documentation and Spreadsheets with an API: GitBook and Fieldbook

Continuing on last week's post about RunKit - a Node.js prototyping environment for the browser - here are two interesting tools that make use of RunKit: GitBook is a collaborative documentation tool that allows you to create beautiful, version-controlled documentation for your software. It's used by software components like Redux and it leverages RunKit to embed live, reactive code examples in your documentation. Fieldbook is a database creation tool thats touted as "A database with an API – as simple as a spreadsheet". ... Read more

RunKit: Instant, reproducible JavaScript playgrounds

I'm a huge proponent of the idea that programming tools should directly interact with coding and provide immediate, responsive feedback to changes. RunKit is such a tool that offers a comprehensive JavaScript / Node.js prototyping environment. The service supplies you with instant, sandboxed Node.js instances called "notebooks" that allow you to experiment with the whole gamut of NPM modules. Moreover, "from graphs and maps to low level hexadecimal inspectors" RunKit offers data visualisations for immediate visual feedback. Once done you can showcase your ... Read more

Interactive Flowcharts with code2flow

Visualisation often helps immensely when trying to understand complex systems and interactions. Visualising these systems and their behaviour can be a daunting task though: Covering each and every path a workflow or process might take can be quite arduous. In many cases it's not even possible to comprehensively describe a system that has not yet been implemented. Edge cases frequently only tend to surface once a software has been tried out under real conditions. Software in turn needs to adapt quickly, which all ... Read more

Explorable Explanations And A Reactive Document IDE

It's no secret I'm a fan of Bret Victor's work and the notion that programming tools should interact with coding and provide immediate, responsive feedback to changes. Recently, I've come across two intriguing projects / products that both draw upon this idea: Carbide (currently available as an early alpha version) is a new kind of JavaScript IDE that both immediately visualises the result of code changes and allows you to manipulate and visually interact with your code using UI controls such as sliders. Explorable ... Read more


Last week, I met with a few friends for an evening of 80s retro computing - or retro gaming to be specific. We set up an Amiga 500 and a C64 and played classic games like Lotus Esprit Turbo Challenge, Dynablaster, Sensible Soccer, California Games and International Karate. It was great fun. Retro gaming of course is a lot about nostalgia but there's also something about many of these games that hasn't been achieved in many modern video games anymore: Instead of ... Read more