frontend-tech

The Atlantic

The Coming Software Apocalypse

A small group of programmers wants to change how we code—before catastrophe strikes.

Medium

Announcing Storybook 3.3 – Storybook – Medium

Angular Support, Device Viewports, Test Improvements, & more!

twitter

The Rails team has written their own JS framework: <https://github.com/stimulusjs/stimulus>

svelte.technology

Svelte

The magical disappearing UI framework

twitter

Today I turn 21. :birthday: For my birthday, I wish that all of you go into 2018 and beyond with an open mind towards new ideas and experiments, because you can never know where they might lead you. Have a great year! :purple_heart:

twitter

If you use #webpack and care about payload size then do not create "vendor chunks". This prevents Uglify from eliminating dead code in many common scenarios. More info: <https://github.com/angular/angular-cli/issues/9069#issuecomment-354896045> <https://twitter.com/IgorMinar/status/948325862243364865>

twitter

<https://twitter.com/filipematossilv|@filipematossilv> <https://twitter.com/Splaktar|@Splaktar> <https://twitter.com/dee_bloo|@dee_bloo> <https://twitter.com/BenLesh|@BenLesh> <https://twitter.com/TheLarkInn|@TheLarkInn> <https://twitter.com/AngularCli|@AngularCli> <https://twitter.com/Brocco|@Brocco> yeah. thanks for the writeup. I looked into it and resolved it already. the problem is vendor chunking, turn it off and unused operators will disappear.

twitter

Today I learned: e.preventDefault() in window 'error' event handler prevents the browser from printing it to the console.

twitter

docker-replay takes a running container and outputs the 'docker run' command which was used to create it. Very handy! <https://github.com/bcicen/docker-replay> <https://pbs.twimg.com/media/DSsxxByX0AA1mPn.jpg>

GitHub

aaronshaf/reasonml-in-browser

reasonml-in-browser - Drop-in script to run ReasonML in the browser. For development and demos.

Apollo GraphQL

Exploring Reason and GraphQL – Apollo GraphQL

From documentation to AWS Lambda in a couple of hours

james

React.Fragment and Semantic HTML

HTML is the backbone of the web and the code you write should be semantic. If you write semantic HTML, It's easier to read and ascertain developer intent. Take a look at the following semantic and unsemantic examples: No thank you :-1: Yes please! :+1: It's also more accessible. Screenreaders read through

twitter

Check out this 1-liner isEmpty utility that works across strings, arrays &amp; objects :fire: <https://pbs.twimg.com/media/DSzGNTnVAAEzZq6.jpg>

Hacker Noon

I’m harvesting credit card numbers and passwords from your site. Here’s how.

The following is a true story. Or maybe it’s just based on a true story. Perhaps it’s not true at all.

GitHub

Many packages suddenly disappeared · Issue #255 · npm/registry

<https://www.npmjs.com/package/infinity-agent> <https://www.npmjs.com/package/timed-out> <https://www.npmjs.com/package/pinkie-promise> All dependencies of webpack-related modules

GitHub

hyperapp/hyperapp

hyperapp - 1 KB JavaScript library for building web applications.

GitHub

hyperapp/awesome

A curated list of awesome projects built with Hyperapp &amp; more.

twitter

statement on saturday’s npm operational incident <http://blog.npmjs.org/post/169432444640/npm-operational-incident-6-jan-2018> <https://pbs.twimg.com/media/DS9d_ZMU0AA-zER.jpg>

I feel parcel + hyperapp will be the sharp knife for small project.

GitHub

yawaramin/bs-hyperapp

bs-hyperapp - Work in Progress - an opinionated overlay of the Elm Architecture on top of Hyperapp

GitHub

joshwcomeau/react-flip-move

react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

docusaurus.io

Docusaurus · Easy to Maintain Open Source Documentation Websites

Easy to Maintain Open Source Documentation Websites

twitter

<https://twitter.com/arturi|@arturi> <https://twitter.com/louiscenter|@louiscenter> You can even use Hyperapp as an ES module directly loading the source from GitHub. No transformations required. <https://pbs.twimg.com/media/DTCEP0QU8AExfLA.jpg>

GitHub

mweststrate/immer

immer - Create the next immutable state by mutating the current one

GitHub

jamesknelson/junctions

junctions - Give your ReactJS components routes.

Smashing Magazine

Visual Studio Code Can Do That?

Why is Visual Studio Code (VS Code) so popular, and do we really need another text editor? In this article, we'll take a look at how VS Code extends traditional text editor concepts and opens up entirely new avenues of productivity for developers. These are all the best things about VS Code that nobody ever bothered to tell you.

twitter

New ReasonReact release; we've made a small router! <https://reasonml.github.io/reason-react/blog/2018/01/09/subscriptions-send-router.html>

bitsofcode

What’s New in HTML 5.2?

Less than a month ago, HTML 5.2 became an official W3C Recommendation (REC). When a specification reaches the REC stage, this means that it has received the official endorsement of W3C Members and the Director, and that the W3C officially recommends it’s deployment by user agents, and it’

GitHub

add experimental babel-plugin-macros support by kentcdodds · Pull Request #3675 · facebookincubator/create-react-app

closes #2730 This will remain undocumented until the brave have tried it in the wild. Test Plan: There's currently no established way to test changes to babel-preset-react-app. But I did create unm...

twitter

:mega: Introducing Workerize: Offload modules into Web Workers with a simple prefix! :heart_eyes: Statically compiles exports to reflected async functions :smiley: :sparkles: <http://github.com/developit/workerize> <https://pbs.twimg.com/media/DTJjWFHUMAAG5kP.jpg>

twitter

At <https://twitter.com/Lumi|@Lumi>, we just released a set of simplified React bindings for PureScript. It focuses on building simple components with as much type safety as possible (vis some of the newer PureScript row constraints). <https://github.com/lumihq/purescript-react-basic>

twitter

Here's a mnemonic for `<http://fn.call>` vs `fn.apply`: "A for arguments, and C for collection." foo.apply(null, 1, 2, 3); <http://foo.call>(null, [1, 2, 3]); Then just remember it's the opposite of that, and you're set. Hope that helps!

twitter

:birthday: Today Prettier turns 1️⃣ year old! We've just released version 1.10, featuring: :white_check_mark: Support for scripts and styles in <https://twitter.com/vuejs|@vuejs> single file components. :white_check_mark: A new plugin API for new languages. :speech_balloon: And more! Check out the release notes on our new blog: <https://prettier.io/blog/2018/01/10/1.10.0.html>

twitter

Hello world! :wave: Check out our first episode at <https://reason.town/> , where <https://twitter.com/splodingsocks|@splodingsocks> and <https://twitter.com/jaredforsyth|@jaredforsyth> talk about how they got into <https://twitter.com/reasonml|@reasonml> and what makes them excited about it. :bow:

twitter

:ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean: Happy <https://twitter.com/nodejs|@nodejs> Current Release Day $ nvm install v9.4.0 * lots of new http2 goodness * npm 5.6.0 * lexically scoped variables in repl <https://nodejs.org/en/blog/release/v9.4.0/> :ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean::ocean:

twitter

I’m thrilled to share my latest deep learning project: Turning a design mockup into code. :computer: :robot_face: 1) Give the trained neural network a design image 2) The network converts the image into HTML markup and renders it ↴ Article: <http://bit.ly/2FoqJQy> Code: <http://bit.ly/2mkkWDZ>

twitter

Maybe we can remove the --no-semi in prettier now? <https://twitter.com/littledan/status/951523844262637568>

twitter

TC39 is recommending that JS programmers use semicolons at the end of statements in code, rather than relying on ASI. <https://github.com/tc39/ecma262/pull/1062>

GitHub

GoogleChrome/puppeteer

puppeteer - Headless Chrome Node API

twitter

:the_horns: React Performance Tip: If you want to quickly identify that React component or anything else you are optimizing in the flame graph, go ahead and throw in your own performance.mark &amp; performance.measure. <https://pbs.twimg.com/media/DTSkmh4WAAEwslm.jpg>

<https://pbs.twimg.com/media/DTSkmhGXcAI73-4.jpg>

twitter

So I threw together a simple javascript bundler for <https://twitter.com/reasonml|@reasonml> last night: - <http://pack.re|pack.re> <https://github.com/jaredly/pack.re> And to do so, I also made a cli argument parsing library - <http://minimist.re|minimist.re> <https://github.com/jaredly/minimist.re> :tada: enjoy!

twitter

Right now, on whatever webpage you are on. (If you are using <https://twitter.com/googlechrome|@googlechrome> ): press CMD (or CTRL) + SHIFT + P then type "Show Coverage" and hit enter. Now in the coverage tab reload the page and tell me how much code is being unused on that page... How does this make you feel

GitHub

jaredpalmer/razzle

razzle - :sparkles: Create server-rendered universal JavaScript applications with no configuration

GitHub

jaredpalmer/razzle

razzle - :sparkles: Create server-rendered universal JavaScript applications with no configuration

所以 razzle 大概就是個 CRA 幫你搞定 client / server 雙 webpack 的東西 比 next 只有 client 過 webpack 所以最好不要亂加 webpack 還要好一些

twitter

Regardless of what you use today, and based on the design of the tools and not their relative usage or size of community, which of these two tools would you prefer using: - <https://facebook.github.io/relay/> - <https://www.apollographql.com/>

GitHub

CSS Modules example by stereobooster · Pull Request #432 · jaredpalmer/razzle

PR for #428. It works, but razzle.config.js requires improvement

GitHub

macOS 10.12.6 high CPU use when enable this extension for vscode · Issue #47 · wix/import-cost

not sure why, the graph below is simple record in my mac, with or without this extension in my vscode, not sure this is a bug or something else.

twitter

haha.. some dude made a #github pull request to #emacs which removed all emacs code and replaced it with #vim .. calls it "Fixed some UI issues." <https://github.com/emacs-mirror/emacs/pull/6>

twitter

Introducing After.js A Next.js-like framework for server-rendered React apps built with React Router 4 :atom_symbol: React server-side rendering :inbox_tray: Data fetching with getInitialProps() :fire: Hot module replacement :package: Code-splitting :hammer_and_wrench: Zero-config tooling #0CJS <https://github.com/jaredpalmer/after.js> <https://pbs.twimg.com/media/DTmuu7qVoAAzacF.jpg>

GitHub

jaredpalmer/after.js

after.js - Next.js-like framework for server-rendered React apps built with React Router 4

twitter

Today seems to be a JavaScript-y morning! Did you know I maintain a collection of lodash-esque functions for arrays and iterators that you can just copy-paste? <https://surma.github.io/underdash/>

GitHub

reyronald/awesome-toolkits

awesome-toolkits - A curated list of open source, high-quality, popular and well maintained toolkits

GitHub

zeit/next.js

next.js - Framework for server-rendered or statically-exported React apps

twitter

Pipeline operator in JS? Yes, please! It has recently been moved to Stage 1: <https://github.com/tc39/proposal-pipeline-operator> Babel plugin: <https://github.com/babel/babel/tree/master/packages/babel-plugin-proposal-pipeline-operator> <https://pbs.twimg.com/media/DTlzwPJWkAEnxPO.jpg>

GitHub

GoogleChrome/dialog-polyfill

dialog-polyfill - Polyfill for the HTML dialog element

GitHub

fastpack/fastpack

fastpack - Pack JS code fast &amp; easy

Laws of UX

Home | Laws of UX

Laws of UX is a collection of the key maxims that designers must consider when building user interfaces.

twitter

:boom:Puppeteer 1.0 🤹:skin-tone-2:‍♂️ shipped: Chrome 65, JS/CSS code coverage API, PDF customization, XPath support, raw devtools protocol access. Congrats to the team and all our contributors! new docs: <https://developers.google.com/web/tools/puppeteer/> release: <https://github.com/GoogleChrome/puppeteer/releases/tag/v1.0.0> npm: <https://www.npmjs.com/package/puppeteer> <https://pbs.twimg.com/media/DTrRH-MV4AAQqPL.jpg>

twitter

:tada: Introducing Prisma: Turn your database into a GraphQL API <https://blog.graph.cool/introducing-prisma-1ff423fd629e>

twitter

CSS Modules support just landed into Create React App :eyes: <https://github.com/facebookincubator/create-react-app/pull/2285>

twitter

Still a fun JS interview question of how if (a == 1 &amp;&amp; a == 2 &amp;&amp; a == 3) console.log('Boom') can print 'Boom'. Easy! Just make valueOf side effecting. Evil yet effective! const a = { x: 1, valueOf: function() { return this.x++; } };

GitHub

sindresorhus/react-router-util

react-router-util - Useful components and utilities for working with

twitter

when someone mentions semicolon

antoinevastel.github.io

Detecting Chrome headless, new techniques

This post presents techniques that enables to distinguish a vanilla Chrome browser from a Chrome browser running in headless mode. It updates information presented in the post of August.

Several People Are Coding

Keep webpack Fast: A Field Guide for Better Build Performance

webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the…

twitter

:loudspeaker: We're excited to announce world's first Reason conference in Vienna, Austria There is a highly enthusiastic community all around the world. Now it is time to bring them together... to innovate, to learn and have fun :raised_hands::tada: See you on the 11th - 13th of May 2018!

twitter

Here's that unistore announcement... wait, it's another library?? :card_file_box: Stockroom: Offload your store management to a worker. <https://github.com/developit/stockroom> <https://pbs.twimg.com/media/DT3LFvVV4AEpS2m.jpg>

GitHub

ReasonVienna/reason-conf

Contribute to reason-conf development by creating an account on GitHub.

GitHub

1j01/jspaint

jspaint - :art: Classic MS Paint, ＲＥＶＩＶＥＤ + :sparkles:Extras

twitter

Well this is awesome! A react-scripts@next app by <https://twitter.com/evenchange4|@evenchange4> that uses his new graphql.macro module to import .graphql files without needing to change any configuration! App: <https://graphqlmacro.netlify.com/> App Repo: <https://github.com/evenchange4/graphql.macro-example> graphql.macro: <https://github.com/evenchange4/graphql.macro> :fishing_pole_and_fish:

Dan 表示

Medium

Dragging React performance forward – Alex Reardon – Medium

I work on a drag and drop library for React: react-beautiful-dnd :tada:. The goal of the Atlassian library is to provide a beautiful and…

Valentino G. | Blog

Webpack 4 tutorial: All You Need to Know, from 0 Conf to Production Mode

All you need to know about webpack 4, the next generation module bundler. From zero configuration to production mode, this post is a living, breathing introduction to webpack 4.

GitHub

stereobooster/css-in-js-101

css-in-js-101 - :barber: CSS-in-JS 101: All you need to know

twitter

Yeah after 2 weeks dry period... webpack 4.0.0-alpha.5 with a lot of big changes: * CCP =&gt; optimization.splitChunks * ProfilingPlugin * Refactored chunk graph * acorn 5 * bugfixes Here the full v4 changelog so far: <https://github.com/webpack/webpack/issues/6357>

twitter

A microservice for <https://twitter.com/PrettierCode|@PrettierCode> ``` curl \ -H "Content-Type: application/json" \ -X POST \ -d '{"source":"const a={a:1,b:[ 1]}","options":{"semi":false}}' \ <https://api.transform.cool/prettier> ``` <https://pbs.twimg.com/media/DUJlUi3U0AIxZ3V.png>

twitter

Are you staying or going home <https://twitter.com/dan_abramov|@dan_abramov> ? <https://pbs.twimg.com/media/DUK1S4lW0AEdXaP.jpg>

twitter

:tada: styled-components@3.0.0 is out! - No more /native for ReactNative! Just import styled from 'styled-components' and you're good to go :fire::fire::fire: - Flat bundles on npm - ReactNative update, adds styled.SafeAreaView and removes styled.Navigator <https://github.com/styled-components/styled-components/releases/tag/v3.0.1>

GitHub

webkul/micron

micron - a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

Rad Devon

Why You Should Choose Luxon for Date Wrangling in Javascript « Rad Devon

Luxon is a modern Javascript date/time library built by one of the Moment.js developers to address some shortcomings in the old standby for date manipulation. Here's why you should try it next time you want to work with dates and times.

GitHub

:tada: Trailing commas :tada: by jordwalke · Pull Request #1775 · facebook/reason

Intelligent printing and parsing of trailing commas on basically everything! Please see the stack of diffs here. Each commit accomplishes some purpose and it will be much easier to understand the e...

twitter

Public Announcement: It's possible to set an emoji as the browser cursor. <https://fiddle.jshell.net/sindresorhus/xym6y51r/show/light/> <https://pbs.twimg.com/media/DUP2faOVQAEFsLj.png>

twitter

:mega: Announcing... Karmatic! 🦑 Easy automatic (headless) browser testing :hammer_and_wrench: No config needed, auto-detects webpack settings 🤹‍♀️ Only one dependency to juggle :racing_car: Powered by Karma, Webpack, Jasmine &amp; Puppeteer <http://github.com/developit/karmatic>

twitter

Parcel v1.5.0 is out! :rocket: :world_map: Source Maps! :gear: WebAssembly :crab: <https://twitter.com/rustlang|@rustlang> → WebAssembly with zero config :money_with_wings: Config files like .babelrc invalidate cache :earth_americas: .env file support :rocket: Even faster for small projects :ok_hand: Lots bugfixes and improvements! Read more! :memo: <https://medium.com/@devongovett/parcel-v1-5-0-released-source-maps-webassembly-rust-and-more-3a6385e43b95> <https://pbs.twimg.com/media/DUPhKqtVwAA17NV.png>

jaredforsyth.com

Reason mobile cross-compilation deep dive | Jared Forsyth.com

I figure it's good to document what I went through for future ocaml cross-compilation spelunkers.

jaredforsyth.com

Hot-reloading OCaml on Web, Desktop, and Android | Jared Forsyth.com

Documenting how I got hot-reloading going when developing Gravitron.

twitter

4.0.0-beta.0 We will now avoid breaking changes until webpack 5 (except bugfixes). This will give the ecosystem 1 month to become compatible until the v4 release at 2018-02-24. <https://github.com/webpack/webpack/releases/tag/v4.0.0-beta.0>

twitter

JavaScript testing frameworks would be better if they didn't have describe() or beforeEach/afterEach(). Why the hell have we decided that this is a good way to test code? <https://pbs.twimg.com/media/DUCCghzXcAAJDoA.jpg>

<https://pbs.twimg.com/media/DUCCh9xV4AA7FCa.jpg>

twitter

I just published “:notebook: webpack 2017: A Year in Review :notebook:” <https://medium.com/p/webpack-2017-a-year-in-review-9f4a760fddd4>

我剛剛試了 發現storyshoot會把addon的資訊也存進去- -

GitHub

RFClarification: why is `setState` asynchronous? · Issue #11527 · facebook/react

For quite a while I've tried to understood why setState is asynchronous. And failing to find an answer to it in the past, I came to the conclusion that it was for historical reasons and probably ha...

twitter

I just published a new alpha of react-select v2, check it out! <https://github.com/JedWatson/react-select/pull/2289> Still quite a bit of work to do before it hits parity with v1, but I'm really happy with the new architecture. Would :heart: feedback!

twitter

:atom_symbol: Just merged: a new context API! :atom_symbol: - Statically typeable - Propagates through shouldComponentUpdate-&gt;false - Future-proof: works with async React features - render props (so hot right now) Available in the next minor release. <https://github.com/facebook/react/pull/11818> <https://pbs.twimg.com/media/DUXGc2rU8AAikTe.jpg>

developer.apple.com

Safari 11.1

Describes new features introduced in versions of Safari.

GitHub

ryyppy/reason-css-modules

reason-css-modules - A toolbox for typed OCaml / Reason support &amp; CSS modules

twitter

New Post! "Tracking State over Time with Snapshot Diffing" <https://dev.actualbudget.com/snapshot-diffing>

GitHub

drone/drone

drone - Drone is a Continuous Delivery platform built on Docker, written in Go

clementc.github.io

Clément Chastagnol ~ Moving efficiently in the CLI

A cheatsheet for moving efficiently in the CLI!

clementc.github.io

Clément Chastagnol ~ Moving efficiently in the CLI

A cheatsheet for moving efficiently in the CLI!

twitter

<https://twitter.com/nathanewest|@nathanewest> <https://twitter.com/UnixToolTip|@UnixToolTip> <https://twitter.com/elliotsbriggs|@elliotsbriggs> Go to Preferences-&gt;Profiles tab, select your profile on the left, and then open the Keyboard tab. At the bottom is a set of buttons that lets you select the behavior of the Option key: set to ESC+. <https://pbs.twimg.com/media/DUlLxLlWAAA4vA9.jpg>

twitter

Every single one of the new ES2018 language features is available by default in <https://twitter.com/v8js|@v8js> v6.4 and Chrome 64. <https://twitter.com/mathias/status/956970099063189505>

twitter

:tada: New JavaScript features in ES2018: - async iterators/generators <https://jakearchibald.com/2017/async-iterators-and-generators/> - object rest/spread <https://developers.google.com/web/updates/2017/06/object-rest-spread> - Promise.prototype.finally <https://developers.google.com/web/updates/2017/10/promise-finally> - various RegExp features <https://twitter.com/mathias/status/956397406538510336>

GitHub

jmacdonald/amp

amp - A complete text editor for your terminal.

GitHub

Allow Side-effectful Abstract Functions in Pure Additional Functions by sebmarkbage · Pull Request #1142 · facebook/prepack

TL;DR this tracks any reachable object or binding that a side-effectful function could mutate as having an unknown value after that call. Use Case In the React compiler we see a lot of examples lik...

stackoverflow.com

Bash keyboard shortcuts in iTerm like Alt+d and Alt+f

Everyone at work recommended iTerm2 to me instead of the native Terminal. But iTerm2 doesn't seem to allow me to use bash shortcuts like Alt+B and Alt+F to jump back/forward between tokens, or Al...

twitter

<https://twitter.com/nathanewest|@nathanewest> <https://twitter.com/UnixToolTip|@UnixToolTip> <https://twitter.com/elliotsbriggs|@elliotsbriggs> Go to Preferences-&gt;Profiles tab, select your profile on the left, and then open the Keyboard tab. At the bottom is a set of buttons that lets you select the behavior of the Option key: set to ESC+. <https://pbs.twimg.com/media/DUlLxLlWAAA4vA9.jpg>

GitHub

How to customize babel config? · Issue #167 · facebook/create-react-app

Note from maintainers For people coming to this thread later—if you use MobX or a similar library, you don’t need decorators. They are just syntax sugar in this case. Learn more: facebookincubator#...

GitHub

insin/nwb

nwb - A toolkit for React, Preact, Inferno &amp; vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

twitter

styled-components@3.1.0 is out with a massive performance boost and streaming server-side rendering support!! :tada::tada::tada: Huge shout out to <https://twitter.com/real_schwers|@real_schwers> and <https://twitter.com/probablyup|@probablyup> for making this happen :heart: :speech_balloon: <https://spectrum.chat/thread/845da820-83f7-4228-981c-ff5723d33e61> :memo: <https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03>

twitter

npm hot tip of the day: want to make sure your whole team is running your app with the same version? $ npm install node@7 ^ This will make it so any time you do `npm test` or `npm start`, it will use _that exact version_ of node, regardless of what your global node version is.

twitter

Introducing a new JS library: Callbags! It is: - A reactive programming library - An iterable programming library - All of the above - None of the above Check it out: <https://github.com/staltz/callbag-basics> <https://pbs.twimg.com/media/DUy-gGEXcAAah-Z.jpg>

twitter

Excited to announce Parket, my take on a state library :pray: Small (~1.5KB) :snowflake: Immutable from the outside, mutable in actions :crystal_ball: Reactive (state emits updates without explicit calls to i.e. setState) :building_construction: Modular (you can nest models inside each other) <https://github.com/ForsakenHarmony/parket> <https://pbs.twimg.com/media/DU1ODPIXcAE4-_A.png>

twitter

Just published: GLOW: Take your boring <https://twitter.com/flowtype|@flowtype> errors and make them awesome - Pretty-printed, code highlighted type errors - Interactive watch mode - Filter through errors to focus using globs <https://github.com/thejameskyle/glow>

twitter

D3 5.0 prerelease! :tada: Adds contours, density estimation, ColorBrewer color schemes and adopts Fetch for loading data. <https://github.com/d3/d3/releases/tag/v5.0.0-rc.1>

twitter

I just released DataLoader v1.4.0 which includes better Flow types and now supports direct use in the browser. If you're using it, check out this new version. <https://github.com/facebook/dataloader/releases/tag/v1.4.0>