Become a <https://twitter.com/code|@code> expert with these cheat sheets. Win: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf> Mac: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf> Linux: <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf> <https://pbs.twimg.com/media/DBLCekkUQAA1vM-.jpg>
GitHub
feather - Simply beautiful open source icons
1
DevTools Tip: :zap: Before your tab runs out of memory and crashes, DevTools will automatically pause the JavaScript so you can start analysing <https://pbs.twimg.com/media/DBPSPwDXsAMSqYQ.png>
TIL Yarn is fully deterministic **only** if all your teammates are using the **exact** same Yarn version. :flushed: (npm5+ doesn't have that caveat) <https://pbs.twimg.com/media/DBP_widV0AAvICn.jpg>
Microsoft language server for OCaml & Reason! <https://github.com/freebroccolo/ocaml-language-server/>
Hacker Noon
Node.js, TC-39, and Modules – Hacker Noon
This week I attended my first TC-39 meeting. For those unaware, TC-39 is the designator of the ECMA working group that defines the…
Kotlin with react <http://buff.ly/2qHbz1r>
Thanks <https://twitter.com/arunoda|@arunoda> for creating <https://learnnextjs.com>. Short, addresses the main pain points, and so engaging!
eBay Tech Berlin
Into the Great Unknown — Migrating from Mocha to Jest
A Tale of Adventure, Ambition and JavaScript Unit Tests
The slides & code examples of my React state management with #Redux & #MobX workshop now available on the interwebs: <https://github.com/infinum/shift-2017>
slap - Sublime-like terminal-based text editor
javascript.info
The Modern Javascript Tutorial
Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.
bonsai - Understand the tree of dependencies inside your webpack bundles, and trim away the excess.
Chrome 59 shipping to stable means Headless Chrome is now available everywhere! :facepunch: <https://chromereleases.googleblog.com/> Learn it: <https://developers.google.com/web/updates/2017/04/headless-chrome>
React's API is actually quite significant - This cheat sheet has a number o calls that you may find useful <http://buff.ly/2sy4X5G> #react
:fire::hearts: Best way to start off Monday morning? :hearts::fire: #webpack 3.0.0-RC.0 :white_check_mark: SCOPE HOISTING Profile, Test, Report:bug:, Share, RT RT RT :fire:! #JavaScript <https://pbs.twimg.com/media/DBkPYhYUAAQEoiD.jpg>
Don’t use parseInt to convert to int: > parseInt(0.0000008,10) 8 Why? Coerces to str: > String(0.0000008) '8e-7' <http://speakingjs.com/es5/ch11.html#parseInt>
:sparkles:Wrote a new blog post :sparkles: Locally Scoped CSS Variables: What, How, and Why <https://una.im/local-css-vars/> :blush: Lots of content in that one :blush:
:tada: Super excited about this! CRRA now has a CLI. Run: yarn create reason-react-app MyApp More coming very soon! <https://github.com/knowbody/crra> <https://pbs.twimg.com/media/DBk2Gu4WAAAvvRi.jpg>
Reasons to love Reason: <http://buff.ly/2rysJPU> #ReactJS #JavaScript <https://pbs.twimg.com/media/DBiKbxFXgAMBnjD.png>
This is a cool trick for conditional rendering in JSX :sunglasses: <https://pbs.twimg.com/media/DBlYb2GXUAAtCxt.jpg>
Chrome 59 shipping to stable means Headless Chrome is now available everywhere! :facepunch: <https://chromereleases.googleblog.com/> Learn it: <https://developers.google.com/web/updates/2017/04/headless-chrome>
* CSS and JS code coverage. Find unused CSS and JS with the new Coverage tab. * Full-page screenshots. Take a screenshot of the entire page, from the top of the viewport to the bottom. * Block requests. Manually disable individual requests in the Network panel. * Step over async await. Step through async functions predictably. * Unified Command Menu. Execute commands and open files from the newly-unified Command Menu. <https://developers.google.com/web/updates/2017/04/devtools-release-notes>
I look away for a few weeks and TypeScript & CSS comes to prettier, and now even GraphQL is being merged in <https://github.com/prettier/prettier/pull/2005>
I just published “Classes, Complexity, and Functional Programming” <https://medium.com/p/classes-complexity-and-functional-programming-a8dd86903747>
Should you start using <https://twitter.com/reasonml|@reasonml> today in your project? <https://twitter.com/_chenglou|@_chenglou> answers. Whole Q&A's here <https://www.youtube.com/watch?v=BvHxlVlse-g>
How would a Xenomorph wear a hat? :thinking_face: <https://pbs.twimg.com/media/DBqLbIsU0AAST_B.jpg>
react-native-packager is now Metro Bundler Splitting off from React Native allows us to support the community better <https://github.com/facebook/metro-bundler>
you want to make a #webpack poster...? <https://pbs.twimg.com/media/DBs4YrkXsAEsTOx.png>
sdmg15/Best-websites-a-programmer-should-visit
Best-websites-a-programmer-should-visit - :link: Some useful websites for programmers.
Adopting Flow & TypeScript: A comparison between the two on-boarding processes <https://medium.com/the-thinkmill/adopting-flow-typescript-3549a3a36d51>
"ok let's see about this package 404 error message issue..." ARE YOU FUCKING SERIOUS? <https://pbs.twimg.com/media/DBvth3yVwAA6qAH.jpg>
I've enjoyed experimenting with WebAssembly recently. Excited to share what I've learned in this new egghead course. <https://egghead.io/courses/introduction-to-webassembly?utm_source=drip&utm_medium=email&utm_content=web-assembly-intro>
A few bugfixes for Scope Hoisting. Seems like webpack 3 is ready... <https://pbs.twimg.com/media/DBtyb2_XgAABz1B.jpg>
You can start using ECMAScript modules in Node.js today! Just "require('@std/esm')" and that's it. <https://github.com/standard-things/esm> <https://pbs.twimg.com/media/DBubCjIXUAANELq.jpg>
Async functions are started sync, settled async: <http://exploringjs.com/es2016-es2017/ch_async-functions.html#_async-functions-are-started-synchronously-settled-asynchronously> <https://pbs.twimg.com/media/DBtUClUXcAEqlHD.jpg>
[Updated] An overview of callable entities in JavaScript. <https://pbs.twimg.com/media/DBu18acWsAAD4Nh.jpg>
JavaScript’s new #private class fields: What they are, how they work, and why they are the way they are <https://medium.com/the-thinkmill/javascripts-new-private-class-fields-93106e37647a>
Front end development in a nutshell... #javascript #angularjs #reactjs #VueJS #backbone #webdev
We looked at the data, docs are the most important thing, here's how you can improve them in your project. <https://medium.com/@mikeal/docs-docs-docs-1e06d17fa06f>
patch 8.0.0609: some people still don't know how to quit Vim :) <https://github.com/vim/vim/commit/28a8193e3113f676f89fb6312b099d849df881d3>
If you're going to teach functional programming, have them start with imperative code. Good stuff from <https://twitter.com/bahmutov|@bahmutov> <https://glebbahmutov.com/blog/how-to-draw-an-owl/>
<https://github.com/containerd/containerd/pull/963> "This means that different users, such as SwarmKit, K8s, Docker and others can use containerd without coordination"
Hot off the compilers, <https://twitter.com/nodejs|@nodejs> 8.1.0 available now @ <https://nodejs.org/en/blog/release/v8.1.0/>, new npm & libuv + some sweet fixes
It's that time - enjoy the <https://twitter.com/code|@code> May update. Rolling out now, download <http://code.visualstudio.com/download>. See what's new: <http://code.visualstudio.com/updates/v1_13> <https://pbs.twimg.com/media/DB1IuogUIAE_vYO.jpg>
Very interesting way of organizing #mobx <https://twitter.com/reactjs|@reactjs> applications: mobdux: <https://medium.com/@cameronfletcher92/mobdux-combining-the-good-parts-of-mobx-and-redux-61bac90ee448>
Medium
Code Cracked for Code-Splitting + SSR in Reactlandia: React Loadable + Webpack Flush Chunks and…
The code has been cracked for a long time now for server-side rendering and code-splitting individually. Until now — bar Next.js — there…
alexpate/awesome-design-systems
awesome-design-systems - :nail_care::skin-tone-2: :hammer_and_pick: A collection of awesome design systems
creativetimofficial/now-ui-kit
now-ui-kit - Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim
marketplace.visualstudio.com
Vim - Visual Studio Marketplace
Extension for Visual Studio Code - Vim emulation for Visual Studio Code
blog.bloomca.me
Seva Zaikov - Server Side Rendering with Prefetch
The blog of Seva Zaikov
I will be more focused on BuckleScript and <https://twitter.com/reasonml|@reasonml> since next month, lets push a real world functional language into mainstream together!
Yarn tip: You can alias a package by using `yarn add fake-name@npm:left-pad`. Now you can use `require("fake-name")` to require left-pad. <https://pbs.twimg.com/media/DCDsCxJV0AAXOiV.jpg>
['a',,'c'] Node: [ 'a', <1 empty item>, 'c' ] Chrome: ["a", undefined × 1, "c"] FF: [ "a", <1 empty slot>, "c" ] Safari: ["a", 2: "c"]
Here's a compelling approach to organizing your React apps: tldr: Hierarchy of specificity. <http://buff.ly/2r66bF3> #reactjs
React encourages you to think in terms of pure functions. That's a good thing. Here's why: <http://buff.ly/2sox9vn> #reactjs
Hey #webpack #javascript: if u haven't used hard-source-webpack-plugin now's the time. These new changes should rly help build speed perf,:fire: <https://twitter.com/zofgames/status/873633577187115008>
Published hard-source-webpack-plugin v0.4.0 <https://github.com/mzgoddard/hard-source-webpack-plugin/blob/master/CHANGELOG.md#040> with low level resolver cache, default options, and way to replace lvldb
We're excited to announce that ESLint v4.0.0 has been released! <http://eslint.org/blog/2017/06/eslint-v4.0.0-released>
Probable-Wordlists - Wordlists sorted by probability originally created for password generation and testing
gun - A realtime, decentralized, offline-first, graph database engine.
flubber - Tools for smoother shape animations.
naver.github.io
Re-usable easy interface JavaScript chart library, based on D3 v4+
New ReasonReact version released! <https://reasonml.github.io/reason-react/>
#fantasyland 16 is out! Extend: dragon slaying, rebuilding React, weather analysis, and a LOT of sneaky peeking! :) <http://www.tomharding.me/2017/06/12/fantas-eel-and-specification-16/>
Great short post: React State vs. Redux State: When and Why? <http://buff.ly/2rNQYLM> #reactjs
We just released React 15.6.0. Enjoy some bug fixes and improvements to warnings. Thanks to all contributors! <https://facebook.github.io/react/blog/2017/06/13/react-v15.6.0.html>
I just published “Cool Things Reason Formatter Does” <https://medium.com/p/cool-things-reason-formatter-does-9e1f79e25a82>
yarn add chrome-launcher const chrome = await require('chrome-launcher').launch(); await chrome.kill(); <https://github.com/GoogleChrome/lighthouse/tree/master/chrome-launcher> :star2: \o/ :star2:
I just published “:zap: From React to an Electron app ready for production” <https://medium.com/p/%EF%B8%8F-from-react-to-an-electron-app-ready-for-production-a0468ecb1da3>
:rotating_light::fire:How to use #webpack "magic comments"! Thanks <https://twitter.com/faceyspacey|@faceyspacey> for submitting to our publication. RT!! :heart_eyes::fire: #javascript <https://medium.com/webpack/how-to-use-webpacks-new-magic-comment-feature-with-react-universal-component-ssr-a38fd3e296a>
“TDD? Waste of time!” by ReactiveConf <https://blog.reactiveconf.com/tdd-waste-of-time-7bf5a84ce9b6> - not sure I agree, but the testing icecream cone looks delicious
I just published - “Implementing GraphQL at Major League Soccer” <https://labs.mlssoccer.com/implementing-graphql-at-major-league-soccer-ff0a002b20ca>
Just published! :tada: CLI parser that's 2.5x faster than minimist & 20x faster than yargs-parser! Perfect for basic use: <https://github.com/lukeed/mri#comparisons>
That's part 2 of a 3-part series. Part 1—A crash course in memory management: <https://hacks.mozilla.org/2017/06/a-crash-course-in-memory-management/> <https://pbs.twimg.com/media/DCSwUGWW0AAASa9.jpg>
Part 2—A cartoon intro to ArrayBuffers and SharedArrayBuffers: <https://hacks.mozilla.org/2017/06/a-cartoon-intro-to-arraybuffers-and-sharedarraybuffers/> <https://pbs.twimg.com/media/DCSwmY0XkAAeXCR.jpg>
Part 3—Avoiding race conditions in SharedArrayBuffers with Atomics: <https://hacks.mozilla.org/2017/06/avoiding-race-conditions-in-sharedarraybuffers-with-atomics/> <https://pbs.twimg.com/media/DCSw27-W0AA4M8f.jpg>
Recreating the Chrome Console in React using react-virtualized <https://twitter.com/brian_d_vaughn|@brian_d_vaughn> #ReactJS #Redux <https://blog.logrocket.com/recreating-the-chrome-console-in-react-123d6c4aa930>
:fire::fire::heart_eyes: #webpack@3.0.0-rc.2 has been released!!! Hot off the presses needing YOUR HELP reporting :bug:s. Getting very close! #JavaScipt RT RT RT :heart_eyes::fire::fire: <https://pbs.twimg.com/media/DCUJhSNVwAEHUCX.jpg>
“Automated testing with Headless Chrome” - <https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai> Karma, Mocha+Chai, Headless, oh my! …and Travis.
Just published the "Philosophy" guide for React Router. Read it if routes as components still got you :thinking_face: <https://reacttraining.com/react-router/web/guides/philosophy>
Prettier 1.4 supports CSS by PostCSS. Facebook now uses PostCSS for lint (Stylelint) and format CSS (Prettier). <https://github.com/prettier/prettier/releases/tag/1.4.0> <https://pbs.twimg.com/media/DCTv9WbWAAAeEZ2.jpg>
... and for the crazy brave, (looking at you Paul Taylor): #RxJS 6.0.0-alpha.0 has been published as well. <https://github.com/ReactiveX/rxjs/blob/next/CHANGELOG.md#600-alpha0-2017-06-14>
styled-components 2.1 is out with (slightly experimental) support for react-primitives :nail_care::tada: <https://github.com/styled-components/styled-components/releases/tag/v2.1.0> cc <https://twitter.com/jongold|@jongold>
Fusebox looks so promising and clean. Any real life experiences? <https://www.sitepoint.com/fusebox-faster-webpack-alternative/>
Cool maze generator written in <https://twitter.com/reasonml|@reasonml> by <https://twitter.com/jaredforsyth|@jaredforsyth>: <http://jaredforsyth.com/reason-maze/#WyJUcmlhbmdsZSIsIkJGUyIsWzE5Niw1MF0sWzcsMTAwXSxbMSwyMF0sMTUsMzAsODIwXQ==> (<https://github.com/jaredly/reason-maze>) <https://pbs.twimg.com/media/DCWCOxHWAAA2-QT.jpg>
Just released Revalidation - A Higher Order Component for Stateless Functional Component Forms in React. <http://revalidation.oss.25th-floor.com/>
Stack Overflow Blog
Developers who use spaces make more money than those who use tabs - Stack Overflow Blog
Do you use tabs or spaces for code indentation?
react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
node - Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:
staticrypt - Password protect a static HTML page
Learn about how we greatly improved test performance and developer experience with our recent migration to #jest! <http://abnb.co/3t5c>
dear god... <https://pbs.twimg.com/media/DCYUgcBUQAArXM3.jpg>
React Loadable 4.0 <http://thejameskyle.com/react-loadable-4.html> <https://pbs.twimg.com/media/DCZb7JAXkAMVFzy.jpg>
malc - Make a lambda calculus
See the number of monthly package downloads through Yarn on our new stats page. :star2::cat2: <https://stats.yarnpkg.com/> <https://twitter.com/sebmck/status/875709367395471360>
Me and <https://twitter.com/cpojer|@cpojer> made a <https://twitter.com/yarnpkg|@yarnpkg> page that shows yarn download stats! Check it out! :cat2::package: <https://stats.yarnpkg.com/>
Debugging tip: console.log(new Error().stack) to log the current stack. Useful for debugging an unexpected code path. <https://pbs.twimg.com/media/DCcqkMXUMAQdG7X.jpg>
:fire::fire:Some folks (this is #angular app) have mentioned their app execution time be 50% faster with #webpack 3.0.0-rc2 OMGGG. 50% cc <https://twitter.com/addyosmani|@addyosmani> <https://twitter.com/olore/status/875799980862210048>
#webpack 2 vs. webpack 3rc2.. On the bright side, I've seen the execution time from v2->v3 be up to 50% faster <https://twitter.com/helgevold|@helgevold> <https://twitter.com/TheLarkInn|@TheLarkInn> <https://pbs.twimg.com/media/DCd2r7jUwAEDjJz.jpg>
Medium
Overview
npm
Babel Plugin to enable relative root-import
redux - Predictable state container for JavaScript apps
Gratitude for Invisible Systems, by <https://twitter.com/debcha|@debcha> <https://www.theatlantic.com/technology/archive/2017/05/gratitude-for-invisible-systems/526344/> <https://pbs.twimg.com/media/DCigYC-VYAY0HTn.png>
This week’s <https://twitter.com/reactjs|@reactjs> beginner thread. No question is too simple! <https://www.reddit.com/r/reactjs/comments/6hc3fl/beginners_thread_easy_questions_week_of_20170612/>
Redux 3.7.0 is out! Smaller UMD bundle size, and some small util function tweaks: <https://github.com/reactjs/redux/releases/tag/v3.7.0> . Thanks to <https://twitter.com/timdorr|@timdorr> et al!
The Practical Dev
Dynamic Imports With Webpack 2
Load javascript on demand with the help of Webpack 2
Machine Learning with JavaScript : Part 1 – Hacker Noon
And you thought it wasn’t easy
I just published “Choo, architecture & performance” <https://medium.com/p/choo-architecture-performance-f6f0c44e8a6a>
spected - Validation library
確實是比 json schema 好寫呢 @@
I just published “Improving SSR performance in Virtual DOM libraries” <https://medium.com/p/improving-ssr-performance-in-virtual-dom-libraries-57232e2ead21>
Have you made a cool DevTools theme? I put together a site to share themes with others. Would you use it? What feature(s) does it need?
My talk on <https://twitter.com/reasonml|@reasonml> for the web will be live streamed here, starting in 20 minutes: <http://curryon.conf.meetecho.com/room2/>
Medium
Creating truly universal React component systems – :nail_care: styled-components – Medium
Announcing styled-components/primitives, an experimental entry point combining styled-components and react-primitives
faceyspacey/redux-first-router
redux-first-router - :medal: seamless redux-first routing -- just dispatch actions
:fire::heart_eyes: You know what's great for Mondays? #webpack 3.0.0 SHIPPED!!! Come get it while its :fire:. RTRT :white_check_mark: Scope Hoisting <https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b>
#fantasyland 17! Get you some #comonads, #categorytheory, and build you #GameOfLife in ~35 lines of #javascript! <http://www.tomharding.me/2017/06/19/fantas-eel-and-specification-17/>
I just published “Mareo: Reason + BuckleScript + Mario” <https://medium.com/p/mareo-reason-bucklescript-mario-205ce4c1cbe5>
Preview your Emmet expansions as you type in <https://twitter.com/code|@code> May update!
New post: Your first native Reason/OCaml project <http://jaredforsyth.com/2017/06/17/your-first-native-reason-ocaml-project/> #reasonml #OCaml
Why should you care about <https://twitter.com/reasonml|@reasonml>? Become persuaded by the charming <https://twitter.com/jasim_ab|@jasim_ab> <https://protoship.io/blog/2017/05/10/an-invitation-to-reasonml.html>
Yarn
Adding Command Line Aliases for Yarn
One of the core design philosophies of Yarn is to strive for simpleness; a lean CLI without redundant features. That’s why Yarn has resisted adding random bu...
New Blog Post: Adding Command Line Aliases for Yarn by gsklee · Pull Request #532 · yarnpkg/website
Close yarnpkg/rfcs#65.
If you're curious about Reason + JS, <https://twitter.com/_chenglou|@_chenglou>'s Mario clone is definitely worth a look... <https://medium.com/@chenglou/mareo-reason-bucklescript-mario-205ce4c1cbe5>
stripe.com
Connect: behind the front-end experience
We recently released a new and improved version of Connect, our suite of tools designed for platforms and marketplaces. Stripe’s design team works hard to create unique landing pages that tell a story for our major products. For this release, we designed Connect’s landing page to reflect its intricate, cutting-edge capabilities while keeping things light and simple on the surface. In this blog post, we’ll describe how we used several next-generation web technologies to bring Connect to life, and walk through some of the finer technical details (and excitement!) on our front-end journey.
Facebook’s new language for reactive programming: Reflex. Talk about it (no site yet?): <http://www.curry-on.org/2017/sessions/reflex-reactive-programming-at-facebook.html>
<https://twitter.com/rauschma/status/877221031794094081> Facebook’s new language for reactive programming: Reflex. Talk about it (no site yet?): <http://curry-on.org/2017/sessions/|curry-on.org/2017/sessions/>…
Rules for `this` in JavaScript. <http://2ality.com/2014/05/this.html> <https://pbs.twimg.com/media/DCxMHztWAAA33kd.jpg>
My talk "Building web apps with <https://twitter.com/reasonml|@reasonml>" from #curryon has been uploaded! <https://youtu.be/Yflk43afWj4>
lol'd a little here <https://facebook.github.io/reason/faq.html> <https://pbs.twimg.com/media/DCy74dEXYAAfxGL.jpg>
Medium
Functional programming in Javascript is an antipattern
And Clojure is actually easier
Contribute to bucklescript-cookbook development by creating an account on GitHub.
Medium
Adding a new layout strategy to Prettier – Geckoboard: Under-the-Hood – Medium
At Geckoboard, we have regular “innovation” days where we get to work on whatever we want. Recently, I’ve been spending that time working…
Containers are how things work Components are how things look #react #fluentconf <https://twitter.com/mxstbr|@mxstbr>
Struggling with passing props too deep? Check out this post by <https://twitter.com/RubenOostinga|@RubenOostinga> with a possible solution! <https://twitter.com/rubenoostinga/status/877806234962993152>
Just wrote a blogpost on a new pattern to write component trees. I think it is very powerful and broadly applicable! <https://medium.com/@RubenOostinga/avoiding-deeply-nested-component-trees-973edb632991>
I just published <https://atom.io/packages/linter-refmt> which shows better syntax errors for <https://twitter.com/reasonml|@reasonml> in <https://twitter.com/AtomEditor|@AtomEditor>
Just wrote a blogpost on a new pattern to write component trees. I think it is very powerful and broadly applicable! <https://medium.com/@RubenOostinga/avoiding-deeply-nested-component-trees-973edb632991>
Facebook's new reactive FP/OO programming language, Reflex. Announced this week <https://twitter.com/curry_on_conf|@curry_on_conf>! :astonished::heart_eyes: by J. Verlaguet: <https://www.youtube.com/watch?v=AGkSHE15BSs&feature=em-upload_owner>
Add ReactDOMNodeStream, adding streaming rendering. by aickin · Pull Request #10024 · facebook/react
This PR builds on @tomocchino & @sebmarkbage's work on the server renderer in React 16, exposing the server renderer as a Node.js Readable Stream. This allows folks to pipe a renderer out to the ne...
Dev Tips: DevTools: Capture full sized screenshots :frame_with_picture: without a browser extension: <https://umaar.com/dev-tips/151-screenshot-capture/> - This is in Chrome Stable now!
Demo site for react-flight is really, really pretty: <http://www.react-flight.io/>
<https://twitter.com/HoloLens|@HoloLens> check out my project - Super Mario Bros as a life size first person AR experience for Hololens. Full vid: <http://bit.ly/2sqTNCB>
I wrote a <https://twitter.com/reasonml|@reasonml> tutorial for React devs: <https://jamesfriend.com.au/a-first-reason-react-app-for-js-developers>
I don't even... haha, feels like a video game in here
freeCodeCamp
What if all your mobile devices formed a single screen?
The Story of Swip.js
rxviz.com
RxViz - Animated playground for Rx Observables
Visualize any Rx Observable, and export SVG of the marble diagram.
It's kinda hard to take the Unix philosophy "Do one thing and do it well" seriously when the `ls` command has 38 different flags.
Reflex: reactive programming language for the backend <https://youtu.be/AGkSHE15BSs>
The mobile web in 2017 <https://pbs.twimg.com/media/DDF0ZvSXYAI3XGc.jpg>
data-driven-motion - Easily animate your data in react
node-chrome with --headless rather than XVFB · Issue #429 · SeleniumHQ/docker-selenium
Run node-chrome with --headless rather than XVFB, to reduce resource usage.
有打算使用 Docker + Selenium + ChromeDriver + Chrome headless 的捧油，可以關注這個 issue: <https://github.com/SeleniumHQ/docker-selenium/issues/429> 目前可以自己 build ChromeDriver 來 workaround
node-chrome with --headless rather than XVFB · Issue #429 · SeleniumHQ/docker-selenium
Run node-chrome with --headless rather than XVFB, to reduce resource usage.
This is awesome: Bundle splitting is super trivial with dynamic imports and Webpack's magic comments feature! Demo: <https://github.com/coryhouse/dynamic-import-example>
CSS Cascade Origin Specificity (Updated Version!) #devdoodles 010 <https://pbs.twimg.com/media/DDQ6EfgXcAE6cTk.jpg>
Medium
Introducing loadable-components :scissors::sparkles: – Smooth Code – Medium
A library to solve React code splitting client-side and server-side.
Today in "production #functional #javascript": just finished this mighty mapping. <https://pbs.twimg.com/media/DDUegyeXgAEicUg.jpg>
Prettier formatting <https://twitter.com/GraphQL|@GraphQL> inside template literals is everything I needed in my life :heart_eyes:
Prettier 1.5 is live with GraphQL, CSS-in-JS and JSON support! <https://github.com/prettier/prettier/releases/tag/1.5.0>
So cool :sunglasses:! Optional Chaining just landed in <https://twitter.com/babeljs|@babeljs>. <https://github.com/babel/babel/pull/5813> <https://pbs.twimg.com/media/DDV1dX2XcAIcIG6.jpg>
“Brief introduction to scope hoisting in Webpack” by <https://twitter.com/jeremenichelli|@jeremenichelli> thanks for the awesome submission!!! #webpack <https://medium.com/webpack/brief-introduction-to-scope-hoisting-in-webpack-8435084c171f>
How we built Uber's high performance web app for riders. <https://eng.uber.com/m-uber/>
<https://twitter.com/aemkei|@aemkei> var сonst = "W"; let vаr = "T"; const lеt = "F"; сonst + vаr + lеt // WTF <https://pbs.twimg.com/media/DDWvOblXUAEE95k.jpg>
New Create React App release! Many bugfixes, a few improvements, and some new documentation. <https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.8> <https://pbs.twimg.com/media/DDbCm2lXUAIG2lF.jpg>
Storybook doc is now joined by React Styleguidist which is also supported but works a bit differently. <https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#getting-started-with-styleguidist> <https://pbs.twimg.com/media/DDbEpA1XkAAt4Mb.jpg>
create-react-app now warns if JavaScript bundles exceed 500KB. :fire: work by <https://twitter.com/dan_abramov|@dan_abramov> on #perfmatters awareness. <https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.8> <https://pbs.twimg.com/media/DDczQo8UMAAw4t_.jpg>
robinwieruch.de
Redux and Redux Saga in Next.js - RWieruch
Basic steps to use Redux and Redux Saga as side-effect library for asynchronous actions in NextJs - a library for server-rendered React applications...
I just published “Leaving for Microsoft” <https://medium.com/p/leaving-for-microsoft-4f386c458693>
OH MY GOD WANT ESNext Proposal: The Pipeline Operator <https://github.com/gilbert/es-pipeline-operator> Thanks <https://twitter.com/kentcdodds|@kentcdodds> for clueing me on to this one. <https://pbs.twimg.com/media/DDgDO3SXoAA5abk.jpg>
New Create React App release! Many bugfixes, a few improvements, and some new documentation. <https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.8> <https://pbs.twimg.com/media/DDbCm2lXUAIG2lF.jpg>
facebookincubator/create-react-app
create-react-app - Create React apps with no build configuration.
Why Quip doesn’t have platform-specific engineering teams <https://quipblog.com/why-quip-doesnt-have-platform-specific-engineering-teams-8126dca1942d>
Top notch stuff jaba script <https://pbs.twimg.com/media/DDfyaZhVYAA1IH-.jpg>
YouTube 