A rather geeky/technical weblog, est. 2001, by Bramus
runes – Unicode-aware JS string splitting with full Emoji supportAt Small Town Heroes I’m currently working on a newsreader app built using React Native. On Android (even 7.1.1) we noticed this weird issue where some emojis would render incorrectly when we were applying styling on it using index-based ranges: the range seemed to be off by one, splitting the emoji into its separate bytes. …
Continue reading “runes – Unicode-aware JS string splitting with full Emoji support”
Good overview to get started with ES2015 by Zell Liew in case you’re still not using it (which you should; just do it!). As he puts it: JavaScript has progressed a ton in the recent years. If you’re learning JavaScript in 2017 and you haven’t touched ES6 ES2015, you’re missing out on an easier way …
Continue reading “Introduction to commonly used ES6 ES2015 features”
This release marks months of hard work for the young, scrappy, and hungry CLI team, and includes some changes we’ve been hoping to do for literally years. npm@5 takes npm a pretty big step forward, significantly improving its performance in almost all common situations, fixing a bunch of old errors due to the architecture, and …
Array#map(), reduce(), and filter()In The Trouble With Loops I found these nice and simple examples covering Array#map(), Array#reduce(), and Array#filter(). const dollars = [32, 45, 50]; // map(): When you want to translate values in an array into another set of values. const euros = dollars.map(eachAmount => eachAmount * .93); // reduce(): When you want a total based …
Continue reading “JavaScript Array#map(), reduce(), and filter()“
When using Stateless Components throughout your React app, the lifecycle events (componentWillMount, componentDidMount, etc.) are still executed. Developer Philippe Lehoux found a way to bypass these, resulting in a 45% speed improvement: What if we could skip React internals for these components? Instead of mounting them as components, let’s just call them as what they …
Continue reading “45% Faster React Stateless (Functional) Components”
Beau Carnes has released a massive collection of videos on JavaScript. My JavaScript Basics course is now live on freeCodeCamp’s YouTube channel. These videos are designed to quickly give you key information on each topic. Also, I designed them to be as modular as possible. They work fine as stand-alone videos, if you just want …
In a rather surprising move Apple has released a JavaScript library to play Live Photos on the web on NPM: Use the LivePhotosKit JS library to play Live Photos on your web pages. The JavaScript API presents the player in the form of a DOM element, much like an image or video tag, which can …
Continue reading “Apple Live Photos for JavaScript Developers”
React VR is a framework for the creation of VR applications that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing experiences that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React VR aims to simplify …
Continue reading “React VR – Build VR websites and interactive 360 experiences with React”
strutilToday the package strutil came in handy, after receiving (*) this UTF-8 Quoted Printable text in my hands: =?UTF-8?Q?Test_=F0=9F=91=BB?= Thanks to strutil#unescapeFromMime() I was able to regain the original string: Test 👻 Upon further investigation of strutil it turns out that this package is really powerful as it can do a truckload of things when …
Continue reading “Text Escaping and Unescaping in JavaScript with strutil“