Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently. Redux is an evolution of the ideas presented by Facebook’s Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language. …
Category Archives: Elsewhere
Pepperoni – A delicious blueprint for mobile development
Pepperoni is a blueprint for building cross-platform mobile experiences rapidly with ready-to-use integrated building blocks for common mobile app features, powered by React Native. The Pepperoni blueprint is crafted on a solid foundation using modern architecture and industry best practices. Pepperoni →
TomTom Bandit Underwater Scene Mode
Being a diver myself (certified PADI Master Scuba Diver), this looks awesome: The latest TomTom Bandit camera update now automatically provides colour correction while filming in the water up to a depth of 15 m without the need for any additional accessories. View the difference! By the looks of it, mainly the white balance is …
HTML Parser Quiz
JSON Web Tokens
Modern Layouts: Getting Out Of Our Ruts
Video (filmed at An Event Apart) and slides from “Modern Layouts: Getting Out of Our Ruts” by Jen Simmons: In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems we all settled into a handful of patterns and …
Draft.js – Rich Text Editor Framework for React
Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles. The …
Continue reading “Draft.js – Rich Text Editor Framework for React”
Deeplinking in Ionic Apps
Enter the Ionic Deeplinks Plugin: Deeplinking as a concept has evolved heavily over the last few years, with mobile devices going from supporting custom URL schemes (like instagram://) to now opening native apps in response to navigation to URLs (like amazon.com). To help Ionic developers deeplink more easily, we are excited to announce a new, …
Ionic Native
The successor to the aforementioned ngCordova: Ionic Native is a curated set of ES6/TypeScript wrappers for Cordova/PhoneGap plugins that make adding any native functionality you need to your Ionic, Cordova, or Web View mobile app easy. import {Geolocation} from 'ionic-native'; Geolocation.getCurrentPosition().then(pos => { console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude); }); let …
Enhancing Optimistically
Here’s how Filament Group enhances (or: used to) their website for browsers that “Cut the Mustard”: if( "querySelector" in window.document && "addEventListener" in window ){ // This is a capable browser, let's improve the UI further! window.document.documentElement.className += " enhanced"; // load the enhanced scripting loadJS( "/path/to/enhancements.js" ); } But what if a browser is …