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.
