frontend-tech

twitter

5000+ users of the <https://twitter.com/googlechrome|@googlechrome> extension. Sweet! :lollipop::lollipop: <https://chrome.google.com/webstore/detail/sizzy/nfhlbmjiiogoelaflfclodlkncbdiefo> <https://pbs.twimg.com/media/DABHGu5XkAAqz2T.png>

twitter

I just published “Universal React With Redux-Saga” <https://medium.com/p/universal-react-with-redux-saga-fb86e5e819a4>

twitter

I just published "Building HandsUp: an OS real-time voting App w #GraphQL &amp; #Reactjs" <https://medium.com/@gerard.sans/building-handsup-an-os-real-time-voting-app-using-graphql-and-react-b2b7dcd0e136> #apollo #auth0 #reacteurope :sparkles::rocket:

twitter

CSS Conf EU 2017 Best Of by netzartist-de <http://slides.com/netzartist-de/cssconfeu17-bestof> # 這份 slide 整理了剛結束的 <https://twitter.com/CSSconfeu|@CSSconfeu> 議程重點

Medium

Node.js 8.0.0 has been delayed and will ship on or around May 30th

This post is brought to you by Myles Borins who is a @nodejs ctc member / developer advocate for @googlecloud. Now with that background…

Mavo: A new, approachable way to create Web applications <http://mavo.io/>

重點：Developed at MIT CSAIL and led by Lea Verou.

twitter

As promised, here's my new ultra-fast JavaScript library for Delaunay triangulation of 2D points — enjoy! <https://github.com/mapbox/delaunator>

twitter

Latest benchmark results: :white_check_mark: fastest startup of any framework :white_check_mark: lowest memory usage :x: need to improve row swapping <https://rawgit.com/krausest/js-framework-benchmark/67a05320ee3d485f059c3cb11fa2b872ded3c5bf/webdriver-ts/table.html>

twitter

GraphQL Subscriptions was just merged into the upcoming spec release: <https://github.com/facebook/graphql/pull/305> along with real code <https://github.com/graphql/graphql-js/pull/846>

twitter

DAMMIT, here too?! <https://pbs.twimg.com/media/C__fwIcUMAEJLEk.jpg>

twitter

Next.js 2.4.0 (12 authors) :mega: ◆ Made dev webpack cfg extensible ◆ Better Windows support, errors, HMR ◆ Example fixes <https://github.com/zeit/next.js/releases/tag/2.4.0>

Slides

CSS Houdini- the bridge between CSS, JavaScript and the browser by Serg Hospodarets

Today CSS Custom Properties are supported in all the major browsers. Now it’s time to do the next step- to have an ability to register new Custom Properties from JavaScript and setup the browser how to work with them (e.g. real CSS polyfills). They should work with the same performance as the native CSS properties, being animatable and aligned with CSSOM. Custom Properties can be used as a bridge between CSS and JavaScript. Houdini Task force introduces specs and JavaScript Worklets to expose the interaction with previously fully internal browser rendering mechanisms (during Paint, Layout, Composite stages). All this brings Front-End development to the next level, parts of which are already available for the developers.

Slides

CSS Houdini- the bridge between CSS, JavaScript and the browser by Serg Hospodarets

Today CSS Custom Properties are supported in all the major browsers. Now it’s time to do the next step- to have an ability to register new Custom Properties from JavaScript and setup the browser how to work with them (e.g. real CSS polyfills). They should work with the same performance as the native CSS properties, being animatable and aligned with CSSOM. Custom Properties can be used as a bridge between CSS and JavaScript. Houdini Task force introduces specs and JavaScript Worklets to expose the interaction with previously fully internal browser rendering mechanisms (during Paint, Layout, Composite stages). All this brings Front-End development to the next level, parts of which are already available for the developers.

Medium

Use bind for composable error handling with nested Eithers — Part 1

Note: This is Tutorial 4 — Part 1 in the series Make the leap from JavaScript to PureScript .

YouTube

PureScript Unscripted - Free From Tree

youtube.com

CSSconf EU 2017 - YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

slideshare.net

Where does CSS come from?

My talk for <http://CSSConf.eu|CSSConf.eu>. Where does new CSS come from, and how can we get involved?

reddit

CSS Houdini- the bridge between CSS, JavaScript and the browser • r/webdev

31 points and 7 comments so far on reddit

GitHub

kshvmdn/fsql

fsql - Search through your filesystem with SQL-esque queries.

GitHub

pubkey/rxdb

rxdb - :computer: :iphone: Client-Side Database for Browsers, NodeJS, electron, cordova, react-native and every other javascript-runtime :heavy_exclamation_mark:

bradfrost.github.io

Style Guide Guide | Style Guide Guide

Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.

Seraum - Blog

Crystal lang vs NodeJS vs Golang http benchmark

When you develop a Web Application or an API for IoT, performance and scalability are importants. NodeJS scales well, but Crystal lang is better. We have done some benchmarks, and results are surprising !

Golang 內建的 http module 本來就很慢啊 XD

twitter

Install it today with yarn create react-app my-app :tada: <https://twitter.com/reactjs/status/865429237578125314>

twitter

New in Create React App: webpack 2, Jest 20, PWA by default, runtime error overlay, and more! :sparkles: <https://facebook.github.io/react/blog/2017/05/18/whats-new-in-create-react-app.html>

twitter

In order to be a great software developer, you have to have both an extremely high tolerance for bullshit, and zero tolerance for bullshit.

twitter

"The State of Go" May 2017 My #gopherfest slides are online #golang <https://talks.golang.org/2017/state-of-go-may.slide#1> <https://pbs.twimg.com/media/DAJeYBlUQAAeDge.jpg>

twitter

Vue 2.4 SSR will support code-splitting anywhere, no longer just route components. It just works!

twitter

best quote from <https://twitter.com/ReactEurope|@ReactEurope> : "UI is not a tree, it's a graph" <https://twitter.com/_chenglou|@_chenglou>

Ptt 批踢踢實業坊

[徵才] Pressplay徵網頁前端工程師

公司名稱，統編(中華民國以外註冊可免填): 瑞奧股份有限公司（PrssPlay Inc.） 公司地址(填寫詳細至號): 台北市中山區中山北路二段45巷11號3樓 職缺:

twitter

I've spend the last two hours wiring up postcss parser inside of prettier. It may not be too hard to get CSS support <https://gist.github.com/vjeux/28e10cead431da7af8e00a3369a6f657>

twitter

react-scripts@1.0.1 is out with numerous bugfixes. Please update! <https://github.com/facebookincubator/create-react-app/releases/tag/v1.0.1> <https://pbs.twimg.com/media/DANwjSkXkAEr7BQ.jpg>

twitter

With #npm5 about to come out, I thought I'd update those benchmarks. Here's the npm5 code I'm working on, vs npm@4.6.1 on a popular repo

twitter

Funny ofc, but inaccurate. Dan has never said "ALL YOUR STATE ARE BELONG TO REDUX" and all I'm trying to say is "setState isn't 'evil'". <https://twitter.com/bradwestfall/status/865339829474664448>

twitter

The current state of React. I love the conversations between <https://twitter.com/dan_abramov|@dan_abramov> and <https://twitter.com/ryanflorence|@ryanflorence> <https://pbs.twimg.com/media/DAJN9uwV0AAfQ21.jpg>

twitter

The 10 most downloaded npm packages: debug readable-stream async lodash glob ms qs minimist source-map minimatch <https://docs.google.com/spreadsheets/d/1XvQXov5cCfxVL-1awbC9_EuKj-KvsGo7Mwyl19rReXY/edit#gid=0>

GitHub

diegomura/react-pdf

react-pdf - Create PDF files using React

workboxjs.org

Welcome to Workbox

Workbox Microsite

GitHub

mbasso/asm-dom

asm-dom - A minimal WebAssembly virtual DOM focused on performance

twitter

What’s coming in React 16 and beyond? Watch <https://twitter.com/acdlite|@acdlite> share our plans in the <https://twitter.com/ReactEurope|@ReactEurope> keynote! <https://youtube.com/watch?v=QW5TE4vrklU>

twitter

Installing npm packages with sudo -g results in so many permission complexities/unknowns. Always do this instead: <https://github.com/sindresorhus/guides/blob/master/npm-global-without-sudo.md>

twitter

If you’re using webpack-bundle-size-analyzer, you are likely getting incorrect sizes. Don’t miss this note! <https://github.com/robertknight/webpack-bundle-size-analyzer> <https://pbs.twimg.com/media/DAYoe6nXcAIf7Oq.jpg>

twitter

Have you ever wondered where the terms lower and uppercase text came from? <https://pbs.twimg.com/media/DATj6_AWAAAkFE3.jpg>

twitter

Code splitting in React apps - A quick 7 minute video summary: <http://buff.ly/2q6uEsu> #reactjs

twitter

Released 3.0.0-alpha.3 just now! Fixes a #webpack + #postcss compatibility issue with #create-react-app. <https://pbs.twimg.com/media/DAXpukdXsAAiHaE.jpg>

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

twitter

Great post. Goes to show just how low-level Webpack is, but excited to finally read a good guide on the topic. <https://twitter.com/schnibl/status/865761508978020352>

twitter

I just published “Predictable long term caching with Webpack” <https://medium.com/p/predictable-long-term-caching-with-webpack-d3eee1d3fa31>

twitter

Tip: You don't need to declare a constructor in your React component to initialize state. Can use a public class field instead! #reactjs <https://pbs.twimg.com/media/DAb3DR4XgAAQ3u_.jpg>

twitter

Finally published "A Unified Styling Language" on CSS-in-JS, why people do it, and why the CSS community should care <https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660>

twitter

command line tip of the day: pipe to `nl` to get line numbers in command outputs!

twitter

New blog post: A brief and incomplete history of JavaScript bundlers <https://nolanlawson.com/2017/05/22/a-brief-and-incomplete-history-of-javascript-bundlers/>

reddit

Functional Design and Architecture • r/haskell

Hello haskellers and other functional developers! My name is Alexander Granin, and I’m glad to present you 5 chapters of my book “Functional...

twitter

I just published “JS RegExp, Fast and Slow” <https://medium.com/p/js-regexp-fast-and-slow-d29d6b77b06>

twitter

Remember that one time grunt's homepage showed "dorkq" instead of "grunt" cause of a bug in Java Development Kit? <https://github.com/gruntjs/gruntjs.com/issues/81> <https://pbs.twimg.com/media/DAetqqZXYAEoaXB.jpg>

twitter

So. #npm5 landed in Node and is going to roll out in today's node8 RC! :sparkles: <https://github.com/nodejs/node/pull/12936#issuecomment-303477159>

twitter

Just published my favorite takeaways from #ReactEurope 2017, great edition so far! <https://medium.com/@ncuillery/what-ive-learned-from-react-europe-2017-c433468890d6>

twitter

Create React App supports setting NODE_PATH to make imports easier :) No webpack magic required! <https://pbs.twimg.com/media/DAifBj0WsAIjcGT.jpg>

twitter

I put together some slides on how to manage forms with #reactjs. Feedback welcome. <http://presentations.survivejs.com/forms-in-react>

GitHub

C-JSN/D3-ID3

D3-ID3 - iD3: an Integrated Development Environment for D3.js

twitter

Slack's emoji picker is now built in React. 85–90% faster on initial render! :heart_eyes: <https://slack.engineering/rebuilding-slacks-emoji-picker-in-react-bfbd8ce6fbfe>

twitter

Refactoring some React code related to class components. I wrote this comment to help me out. <https://pbs.twimg.com/media/DAl6A2bXUAIteK_.jpg>

Medium

5 Reasons To Use Bluebird for Promises – Cory House – Medium

ES6 promises are great, but Bluebird remains compelling.

GitHub

bodil/eslint-config-cleanjs

eslint-config-cleanjs - An eslint config which reduces JS to a pure functional language

twitter

command line tip of the day: use `!*` to use all of the arguments from the previous command in the current one.

twitter

BuckleScript 1.7.4 is out: create a project : `npm i -g bs-platform &amp;&amp; bsb -init hello &amp;&amp; cd hello &amp;&amp; npm run build` <https://sympa.inria.fr/sympa/arc/caml-list/2017-05/msg00113.html>

twitter

Awesome Functional Programming in JavaScript - <https://github.com/xgrommx/awesome-functional-programming#javascript> - Huge collection of resources on FP. Articles, videos, tutorials :ok_hand: <https://pbs.twimg.com/media/DAvxynEXgAEhstr.png>

GitHub

jiahaog/nativefier

nativefier - Make any web page a desktop application

twitter

npm 5 is out! - Faster - Indentation is preserved for package.json :sparkles: - `--save` is default - No more corrupt cache - Offline mode - Lockfile

twitter

Two updates to React DevTools: dark themes and click-to-inspect! Get the fresh version: <https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/>

twitter

How programmers unit test over time <https://pbs.twimg.com/media/DAxWYwBU0AA-X2q.jpg>

twitter

Some <https://twitter.com/flowtype|@flowtype> tricks: Inference, Comment syntax, and typeof, all working together <https://pbs.twimg.com/media/DAxIHJYUwAAyaiM.jpg>

twitter

Cool presentation from <https://twitter.com/stubailo|@stubailo> about recent happenings in the world of #GraphQL. <https://twitter.com/stubailo/status/868272397710839808>

twitter

:tv: Got to present the "State of <https://twitter.com/GraphQL|@GraphQL>" at <https://twitter.com/ThisDotMedia|@ThisDotMedia>'s online event! Quick recap of last few months: <https://www.youtube.com/watch?v=YDlfMYqR5w4> #GraphQL

twitter

husky makes Git hooks amazingly easy 1. npm i husky -D 2. Add "scripts.prepush": "npm test" 3. ??? 4. Profit <http://buff.ly/2qtymMX>

GitHub

FormidableLabs/react-live

react-live - A production-focused playground for live editing React components

RisingStack Engineering

The Important Features and Fixes of Node.js Version 8 | @RisingStack

In this post, we go through the most important features and fixes of the new Node.js version 8, which becomes the current LTS release from October.

GitHub

toish/chromatism

chromatism - :rainbow: A simple set of utility functions for colours.

GitHub

nitin42/animate-components

animate-components - Elemental components for doing animations in React

twitter

pshtt is a tool to scan domains for HTTPS best practices: <http://bit.ly/2rIk8g6> - great stuff! checks redirects, cert errors, HSTS, etc. <https://pbs.twimg.com/media/DAzQrZgU0AAUDq1.jpg>

twitter

:memo: New post: I've been digging into HTTP/2 push. It's more complicated than I thought &amp; browser support isn't great. <https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/>

twitter

I laughed at this way more than I should have <https://pbs.twimg.com/media/DA_q4FLUAAA6Tga.jpg>

twitter

The first ES2018 feature: “Template Literal Revision” <http://2ality.com/2016/09/template-literal-revision.html>

twitter

:tada: #nodejs 8 is out! Congrats to all those that worked on this release <http://bit.ly/2rBRe1A>

twitter

Node.js 8 is available! With npm5 and util.promisify() to wrap the standard API in a function that returns a Promise <https://nodejs.org/en/download/current/> <https://pbs.twimg.com/media/DBG3hXmW0AI8u6E.jpg>