frontend-tech

Sketch

The digital design toolkit

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

Untitled

Reaktor

Fear, trust and JavaScript: When types and functional programming fail - Reaktor

As developers, we want to reduce fear of our code failing and increase trust in our code working well. Many developers working with JavaScript borrow useful ideas from functional programming and strongly-typed programming languages to reduce fear by transferring trust from developers to tools and the code. Ideas like

Medium

Redesigning Redux – Shawn McKay – Medium

Shouldn’t state management be a solved problem by now? Intuitively, developers seem to know a hidden truth: state management seems harder…

twitter

Be sure to watch <https://twitter.com/dan_abramov|@dan_abramov> 's talk on "Beyond React 16" at <https://twitter.com/jsconfis|@jsconfis>, 10 AM GMT (5 AM EST) tomorrow! <https://2018.jsconf.is/schedule/#!/conference/thursday> . Should be livestreamed at <https://www.youtube.com/user/jsconfeu> . I promise it'll be interesting and worth watching! (even if you have to get up way early :) )

twitter

It's <https://twitter.com/dan_abramov|@dan_abramov> live at JSConf Iceland: <https://www.youtube.com/watch?v=D-h3bhzauKo> I'm so excited about his talk!

reactjs.org

Sneak Peek: Beyond React 16 - React Blog

Dan Abramov from our team just spoke at JSConf Iceland 2018 with a preview of some new features we’ve been working on in React. The talk opens with a question: “With vast differences in computing power and network speed, how do we deliver the best user experience for everyone?” Here’s the video courtesy of JSConf Iceland: I think you’ll enjoy the talk more if you stop reading here and just watch the video. If you don’t have time to watch, a (very) brief summary follows. About the Two Demos On…

Apollo GraphQL

A first look at Async React + Apollo – Apollo GraphQL

The suspense was killing us, so we built async React Apollo!

twitter

Just added bi-directional scroll sync to vscode's #markdown preview. Try it out in <https://twitter.com/code|@code> insiders today Let me know if you run into any bugs

twitter

Did You Know™ You can suspend from inside of getDerivedStateFromProps. It “just works” because it’s part of React’s render phase. You can also suspend inside a setState reducer (first argument).

twitter

We officially wrote a part of Google's Flutter Documentation intended for React Native Developers. <https://flutter.io/flutter-for-react-native/> RT for reach!

Spectrum.chat

A Walkthrough of *that* React Suspense Demo · React

You know what demo I'm talking about. So I tried to be chill about it all day since it's still an unstable API but in the end I couldn't help but do a full…

GitHub

[WIP] Webpack 4 by andriijas · Pull Request #4077 · facebook/create-react-app

Work in progress, opening to discuss implementation details and start reviewing process. Feedback appreciated! Use new webpack 4 development and production modes Upgrade webpack dev server webp...

twitter

<https://twitter.com/samdbeckham|@samdbeckham> I just demoed it :slightly_smiling_face: <https://twitter.com/sebmarkbage|@sebmarkbage> came up with the API, <https://twitter.com/acdlite|@acdlite> did the implementation work

GitHub

atom/xray

xray - An experimental next-generation Electron-based text editor

YouTube

Beyond React 16 by Dan Abramov - JSConf Iceland ⚛

twitter

Learn ReactJS: Code Like A Facebook Developer ☞ <http://go.edupioneer.net/H1XvrOuOf> #AngularJs rJ-7wrOu_z <https://pbs.twimg.com/media/DXn6yGjV4AAKR1x.jpg>

twitter

I’m not sure why I’m surprised, but cloudflare uses cloudflare <https://pbs.twimg.com/media/DXnPaYZW4AEjUUS.png>

twitter

Another month, another big <https://twitter.com/code|@code> release: The February update is here :tada::muscle:Download: <https://code.visualstudio.com/download> and see what's new: <https://code.visualstudio.com/updates/v1_21> <https://pbs.twimg.com/media/DXtk9k-VQAAGAvF.jpg>

Facebook

Log into Facebook | Facebook

Log into Facebook to start sharing and connecting with your friends, family, and people you know.

YouTube

Evan You - State of VueJS 2018 | Vue.js Amsterdam Conference

twitter

The Ask: "A Select control built with and for React JS" Dev: "That should be easy to build" :wink: <https://pbs.twimg.com/media/DYIegaXW0AAppvT.jpg>

GitHub

paypal/downshift

downshift - :racing_car: Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

GitHub

pass removeValue() and always pass valueArray by kcliu · Pull Request #1850 · JedWatson/react-select

this is a pr for #1847

Medium

Building large scale react applications in a monorepo

A monorepo can be described as a repository that contains more than one logical project. These projects can be unrelated, loosely coupled…

twitter

How's life going? Me: <https://pbs.twimg.com/media/DYHpA-_WsAEulr3.jpg>

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

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

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

twitter

You can now search and kill processes by port number with the latest `fkill-cli` version, thanks to <https://twitter.com/kevvayo|@kevvayo>. <https://github.com/sindresorhus/fkill-cli>

twitter

2008 Ryan Dahl introduced Node.js at <https://twitter.com/jsconfeu|@jsconfeu> because "making web servers is too hard" (The standing ovations was my favorite moment of JSConf ever!) This year he is returning because "machine learning is too hard". I cannot wait!!! <https://twitter.com/jsconfeu/status/974196117687734272>

twitter

#16 Ryan Dahl (<https://twitter.com/Ry|@Ry>) introducing “Propel, a Machine Learning Framework for JavaScript” fast &amp; developer-friendly machine learning in the Node.js and in the browser. — <https://2018.jsconf.eu/speakers/ryan-dahl-propel-a-machine-learning-framework-for-javascript.html>

twitter

Allows you to code using certain <http://React.next> features today! Perfect for component library maintainers <https://buff.ly/2GrW2Lw>

twitter

Recently, <https://twitter.com/BenLesh|@BenLesh> tweeted the importance of the |&gt; pipeline operator proposal in JavaScript. Here it is in action with #RxJS pipeable operators + <https://twitter.com/PrettierCode|@PrettierCode> + the ▷ programming ligature :fire::fire: <http://reactive.how/pipeline-operator>

Reactive.how

Learn Reactive Programming

Focus on one new concept – every Monday

YouTube

ReactFest

ReactFest is a single-track open-source ReactJS conference build by the community, for the community. Featuring latest React trends, new speakers and only 20...

twitter

Excited to share my most recent research! :microscope: Applying Machine-Learning with <https://twitter.com/googleanalytics|@googleanalytics> data for *faster* <https://twitter.com/angular|@angular> &amp; <https://twitter.com/reactjs|@reactjs> applications :fire::fire: Zero-config <https://twitter.com/webpack|@webpack> plugins for: :runner: Data-driven, adaptive pre-fetching :package: Data-driven chunk clustering <http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/> <https://pbs.twimg.com/media/DYvgc58U0AIBpEj.jpg>

deploy-preview-2289--react-select.netlify.com

React-Select

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support.

GitHub

Proof of concept: simple hot reloading by gaearon · Pull Request #2304 · facebook/create-react-app

Couldn&amp;#39;t resist. Integrated with our error handling. (So errors cause refresh on next save.) This would need a Babel transform, for now I just hardcoded what it would do Only works if you h...

GitHub

mattphillips/babel-plugin-console

babel-plugin-console - Babel Plugin that adds useful build time console functions :video_game:

GitHub

kentcdodds/babel-plugin-macros

babel-plugin-macros - :fishing_pole_and_fish: Enables zero-config, importable babel plugins

twitter

Vote for the JS function you'd like to warn against! <https://github.com/BuckleScript/bucklescript/issues/2669>

twitter

#2012vs2018 hello <https://pbs.twimg.com/media/DY3Rr0hV4AALRv8.jpg>

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

twitter

D3 5.0 is out! :tada: Here’s a summary of what’s new: <https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50>

twitter

We're excited to finally announce the official release of React Apollo 2.1, our new render prop API for working with Apollo Client! :tada: <https://dev-blog.apollodata.com/introducing-react-apollo-2-1-c837cc23d926>

Medium

Visual Studio Code silently fixed a remote code execution vulnerability

This blog was written few weeks ago, since VSCode has been upgraded for a while, I made this public.

twitter

When I remove a useless block of code #100daysofcode #javascript #reactjs #angularjs #vuejs #nodejs #es6 #angular #coding #codenewbie #npm

code.visualstudio.com

Text Buffer Reimplementation, a Visual Studio Code Story

Text Buffer Reimplementation in the Visual Studio Code/Monaco editor

twitter

Now in Canary: "Copy as Fetch" (GIF by <https://twitter.com/umaar|@umaar>) <https://umaar.com/dev-tips/167-copy-as-fetch/>

twitter

:rocket::rocket::rocket:I feel much better when I stopped being afraid and turned redux into a new CONTEXT API :fire::fire::fire:. #reactjs #javascript <https://pbs.twimg.com/media/DZJUVodX0AApwNp.png>

twitter

Starting with Chrome 66, <https://twitter.com/v8js|@v8js> compiles JavaScript source code on a background thread, reducing main thread compile time up to 20%! <https://v8project.blogspot.com/2018/03/background-compilation.html> <https://pbs.twimg.com/media/DZOwRYDWsAAePp0.png>

twitter

pour one out for the homies using atom or vs code <https://pbs.twimg.com/media/DZO8XZ7VAAEnw2B.jpg>

twitter

Next.js 5.1: ◆ 102x Faster Page Resolution ◆ Environment Configuration ◆ Improved Error Handling ◆ Phases / Config Function ◆ Improved Production Source Maps ◆ New Plugins / Improvements to Existing Ones <https://zeit.co/blog/next5-1>

twitter

:red_circle: Introducing CodeSandbox Live :red_circle: Real time collaboration in CodeSandbox. We're doing it live! - Create a live session for anyone to join with a URL - Edit, create, and delete files simultaneously - Use 'Classroom Mode' to specify who can make edits <https://medium.com/@compuives/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9>

twitter

The #RxJS team is making sure you can smoothly upgrade to the upcoming 6.0 release:ok_hand: I made this tool to explore and compare the different update milestones available: 5.5 vs. 5.6 vs. 6.0 vs 6.0 + rxjs-compat, dot-chaining vs. pipeable operators, etc. <http://reactive.how/rxjs/explorer>

GitHub

zenlist/bs-react-apollo

bs-react-apollo - ReasonML/Bucklescript Bindings for React Apollo 2.1

reactjs.org

Update on Async Rendering - React Blog

For over a year, the React team has been working to implement asynchronous rendering. Last month during his talk at JSConf Iceland, Dan unveiled some of the exciting new possibilities async rendering unlocks . Now we’d like to share with you some of the lessons we’ve learned while working on these features, and some recipes to help prepare your components for async rendering when it launches. One of the biggest lessons we’ve learned is that some of our legacy component lifecycles tend to…

twitter

V8 v6.6 performance boosts: :rocket: Array#reduce :speedboat: promises &amp; async functions :zap: async generators &amp; iterators :racing_car: compile time :dash: parse time <https://v8project.blogspot.com/2018/03/v8-release-66.html> <https://twitter.com/v8js/status/978534399938584576>

twitter

What’s new in V8 v6.6? Optional catch binding, extended string trimming, several parse/compile/runtime performance improvements, and much more! <https://v8project.blogspot.com/2018/03/v8-release-66.html> <https://pbs.twimg.com/media/DZRz14FX4AAvi-k.png>

twitter

Animated parrot in your terminal <https://github.com/hugomd/parrot.live>

twitter

Just in case you missed my introductory course to PureScript it’s now FREE for ever :sunny::clinking_glasses::trophy::dart::tada: :woman-cartwheeling: <https://twitter.com/eggheadio/status/979059091229347840>

twitter

Functional Programming Concepts in Purescript - #purescript course by <https://twitter.com/_cmdv_|@_cmdv_> <http://bit.ly/2phONhN> <https://pbs.twimg.com/media/DZZRDbrU8AAezSB.png>

twitter

:tada: Announcing Pose: A new, declarative animation library with an incredible styled-components-inspired React API by <https://twitter.com/popmotionjs|@popmotionjs>! :heart_eyes::heart_eyes::heart_eyes: <https://spectrum.chat/thread/b6113bb2-266d-4f54-bc57-14327116d348> <https://pbs.twimg.com/media/DZZ5JuoWAAAsVf3.png>

twitter

The new #reactjs Context API is amazing :tada: I wrote a small function to combine multiple contexts and use them all at once :ok_hand: Not sure how it impacts performances :thinking_face: <https://twitter.com/dan_abramov|@dan_abramov> <https://twitter.com/acdlite|@acdlite> any thoughts on this pattern ? <https://pbs.twimg.com/media/DZYJgSuWAAI3YeH.png>

twitter

Hi everyone, I've got some news to share with you today... <https://blog.docker.com/2018/03/au-revoir/> <https://pbs.twimg.com/media/DZY0IjaVwAA0Hcf.jpg>

twitter

I've published the Lag Radar from <https://twitter.com/dan_abramov|@dan_abramov> talk on time slicing in react. Variously described as the 'awesome frame drop clock' and 'cpu lag radar thing' it's now a standalone es6 component. <https://github.com/mobz/lag-radar> /cc <https://twitter.com/ryanflorence|@ryanflorence> <https://twitter.com/Papa_Justify|@Papa_Justify>

Medium

Tomorrow’s ES Modules Today! – Web Dev @ Microsoft – Medium

Seven months ago I released an experimental module loader that enabled ES modules in Node. With over a million downloads, thousands of…

reactjs.org

React v16.3.0: New lifecycles and context API - React Blog

A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods , including gradual migration strategies. In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for long requested features: an official context API, a ref forwarding API, and an ergonomic ref API. Read on to learn more about the release. Official Context API For many years, React has offered an experimental API for context. Although it was…

Medium

GraphQL.js: Preparing for v14.0.0 – Lee Byron – Medium

Since it’s open sourcing almost three years ago, GraphQL.js has followed a “pre-major” version scheme. The most recent release was v0.13.2…