frontend-tech

twitter

:heart_eyes: Lightweight, responsive, modern drag &amp; drop library :label: #code :arrow_right_hook: <https://shopify.github.io/draggable/> <https://pbs.twimg.com/media/DK6hYqjUEAAvX5s.png>

GitHub

Shopify/draggable

draggable - The JavaScript Drag &amp; Drop library your grandparents warned you about.

GitHub

hmemcpy/milewski-ctfp-pdf

milewski-ctfp-pdf - Bartosz Milewski's 'Category Theory for Programmers' unofficial PDF and LaTeX source

GitHub

dawnlabs/carbon

carbon - :art: Create and share beautiful images of your source code

babeljs.io

Planning for 7.0 · Babel

If you didn’t know already, we’re planning on releasing a 7.0 version soon :raised_hands: ! Work on it actually started back in February, when I just wanted to make a rel...

YouTube

Strange Loop 2017 - YouTube

Strange Loop 2017 Sept 28-30th, 2017 St. Louis, MO <https://thestrangeloop.com/2017/sessions.html>

twitter

How to (politely) drop Bower support? <https://bower.io/blog/2017/how-to-drop-bower-support/>

itsmisscs 2017-10-03 10:46:30

FINALLY!

twitter

I just published “Bringing ReasonML into an existing react app” <https://medium.com/p/bringing-reasonml-into-an-existing-react-app-d1006a72433b>

Speaker Deck

OOP is dead only if FP is dead

It is common to see Functional Programming (FP) presented as the opposite of Object-oriented Programming (OOP). These two programming paradigms have important differences, but they can share a lot in common, so they are not in direct opposition. In this talk, Andre will explore the gray area between OOP and FP, with code samples in JavaScript, TypeScript, and Haskell, kept easy enough enough for any programmer to follow.

YouTube

""Flutter: How we're buildingUI framework for tomorrow at Google" by Eric Seidel a

twitter

:zap: Asynchronous stack traces: why `await` beats `.then()` <https://mathiasbynens.be/notes/async-stack-traces> async/await is more than just syntax sugar over promises!

twitter

ResizeObserver has landed in Chrome Canary! Get notified in JavaScript when an element resizes. Element Media Queries may become a thing :star: <https://pbs.twimg.com/media/DLKWuz8W4AEhsUr.jpg>

twitter

Today we explain how to migrate legacy project from Bower to Yarn <https://bower.io/blog/2017/how-to-migrate-away-from-bower/>

GitHub

jeffbcross/bad-rxjs

bad-rxjs - RxJS done badly

YouTube

"Haxl: A Big Hammer for Concurrency" by Simon Marlow

reasonml.github.io

New Docs Site · ReasonReact

_The ReactJS doc site has also been updated last friday **by pure coincidence**. No conspiracy theory!_

twitter

Loving fish design principles. <https://fishshell.com/docs/current/design.html>

twitter

Terminal improvements incoming! Check out the details in our latest blog post: <https://code.visualstudio.com/blogs/2017/10/03/terminal-renderer>

twitter

Atom 1.21 and 1.22 beta have shipped today with improvements to performance, bracket matching, and more. <http://blog.atom.io/2017/10/03/atom-1-21.html> <https://pbs.twimg.com/media/DLOrPN-VAAASOmD.jpg>

Dropbox Design

Evolving the Dropbox Brand

Welcome to the new Dropbox

twitter

The <https://twitter.com/code|@code> September update is out, get it while it's hot! Download: <https://code.visualstudio.com/download>. See what's new: <https://code.visualstudio.com/updates/v1_17>. <https://pbs.twimg.com/media/DLZQMXYV4AAU75b.jpg>

twitter

Lot's of cool stuff in the new update - like macOS touch bar support... <https://code.visualstudio.com/updates/v1_17#_macos-touch-bar-support>

GitHub

Foundry376/Mailspring

Mailspring - :love_letter: A beautiful, fast and maintained fork of @Nylas Mail by one of the original authors.

twitter

SublimeText 3 dev builds 3146 and later support ligatures! :tada::tada::tada: <https://forum.sublimetext.com/t/dev-build-3145/32340>

Google Developers

Abortable fetch  |  Web  |  Google Developers

Aborting fetches using a new web primitive – The abort controller.

YouTube

Racketcon Seattle 2017 Livestream

zeit.co

Next.js 4

Next.js 4: React 16 and styled-jsx 2

mrorz 2017-10-11 00:53:51

好喔找時間來升

twitter

TIL If you use <https://twitter.com/code|@code> for Mac but find the icon to be a bit unpleasant (understatement), you can actually change it: <https://dribbble.com/shots/3168520-Visual-Studio-Code-Icon-Replacement>

twitter

People have mixed feelings about the JavaScript ecosystem. Watch my <https://twitter.com/zeithq|@zeithq> talk about how we should make it better: <https://www.youtube.com/watch?v=G39lKaONAlA>

twitter

:tv: We just released the talks from ZEIT Day Berlin 2017! <https://zeit.co/tv>

twitter

My article about exploring data with Serverless and <https://twitter.com/vuejs|@vuejs> is up! Part one is out today, part two tomorrow :) <https://css-tricks.com/exploring-data-with-serverless-and-vue-part-i/>

twitter

I just released React Hot Loader :atom_symbol::zap: v3 with React 16 support, new readme! A big thank you to <https://twitter.com/dan_abramov|@dan_abramov> :slightly_smiling_face: <https://github.com/gaearon/react-hot-loader> <https://pbs.twimg.com/media/DLzNWhyWAAo8dbq.jpg>

twitter

So excited to see that <https://www.cypress.io/> is finally out of private beta and open to everyone! Finally e2e testing for the modern web:trumpet:

twitter

:tada::tada::tada::tada::tada::tada::tada::tada::tada::tada: Happy <https://twitter.com/nodejs|@nodejs> release day Upgraded V8 Upgraded LibUV Upgraded npm $ nvm install v8.7.0 <https://nodejs.org/en/blog/release/v8.7.0/> :tada::tada::tada::tada::tada::tada::tada::tada::tada::tada:

twitter

Node.js 8.7.0 is out. nvm install node --reinstall-packages-from=node --latest-npm

staltz.com

André Staltz - Primer on RxJS Schedulers

User Interface Programmer

Medium

With styled-components into the future – :nail_care: styled-components – Medium

Preprocessing is dead, long live preprocessing!

GitHub

cssinjs/istf-spec

istf-spec - Interoperable Style Transfer Format [DRAFT]

With styled-components into the future – :nail_care: styled-components – Medium <https://medium.com/styled-components/with-styled-components-into-the-future-d1d917e7c22c>

GitHub

mmatczuk/go-http-tunnel

go-http-tunnel - Secure tunnels to localhost - open source ngrok alternative

mrorz 2017-10-16 01:49:10

server 要自架嗎？

mrorz 2017-10-16 01:49:29

看起來是呢

jihchi 2017-10-16 07:18:41

是的

GitHub

React-Sight/React-Sight

React-Sight - Visualization tool for React, with support for Fiber, Router (v4), and Redux

GitHub

webpackmonitor/webpackmonitor

webpackmonitor - A tool for monitoring webpack optimization metrics through the development process

Slides

FLIPping out about Animated Layouts by David Khourshid

CSS Dev Conf 2017 - New Orleans

twitter

­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­

Medium

Introducing PayPal’s open-source cross-domain javascript suite

At PayPal we write a lot of javascript that ends up running on other websites and other domains. The prime example of this is checkout.js…

mrorz 2017-10-16 09:42:34

```in IE and Edge, you literally can not send a message between a popup window and a parent window on a different domain, without resorting to soul-crushing hacks.
```

“soul-crushing hacks” wwwwww

mrorz 2017-10-16 09:43:00

@mofas 的靈魂還好嗎

3

YouTube

Double ball helix with CSS variables

YouTube

David Khourshid - Infinitely Better UIs with Finite Automata

twitter

When released, #cipm will be the fastest package manager you can possibly use on continuous integration/deployment environments. Hands down. <https://pbs.twimg.com/media/DMIIJeuUQAAXzyf.jpg>

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

An interactive journey into functional programming with Yehonathan Sharvit

Type-safe bindings from JS to Reason for dummies

FFI. type safe bindings from JS to Ocaml and Reason. external javascript declaration.

twitter

How <https://twitter.com/Microsoft|@Microsoft> deals with bugs :joy: <https://pbs.twimg.com/media/DMZAtqxX4AAUvkt.jpg>

GitHub

thedaviddias/Front-End-Checklist

Front-End-Checklist - :card_index_dividers: The perfect Front-End Checklist for modern websites and meticulous developers

twitter

Just published "redux-dispatch-subscribe": lightweight solution before upgrading to Redux-saga/Redux-observable <https://github.com/slorber/redux-dispatch-subscribe> <https://pbs.twimg.com/media/DMfnAGqWAAAMoMu.jpg>

npmtrends.com

angular vs react vs vue vs ember source | npm trends

Compare npm package download statistics over time: angular vs react vs vue vs ember source

GitHub

getify/fasy

fasy - FP iterator helpers that are async/generator aware

Medium

The Problem with HTML in React and GraphQL – Scott Taylor – Medium

In case you did not know, the New York Times is re-platforming:

GitHub

kkemple/graphql-auth

graphql-auth - :lock: GraphQL authentication and authorization middleware

react-gripes.md

twitter

On next Wednesday we’ll disable old registry for a full day. Please upgrade Bower to not experience any disruption: npm install -g bower

twitter

We now use Puppeteer and jest-image-snapshot to automatically check if sandboxes changed between commits by comparing screenshots!

GitHub

christianalfoni/create-ssl-certificate

create-ssl-certificate - Command line tool to create self signed SSL certificate

twitter

two nerds try to configure babel <https://pbs.twimg.com/media/DMbdl85WkAAr5vk.jpg>

accounts.google.com

Google Cloud Platform

Google Cloud Platform lets you build, deploy, and scale applications, websites, and services on the same infrastructure as Google.

GitHub

evenchange4/micro-medium-api

micro-medium-api - Microservice for fetching the latest posts of Medium with GraphQL.

twitter.com

ZEIT Status (@zeit_status) | Twitter

The latest Tweets from ZEIT Status (@zeit_status). Quick updates on the status of our infrastructure and microservices

Medium

Up 0.3.0 — Custom domains, logging &amp; stability improvements and more.

I’m back from a little vacation with a new release of Apex Up! This release introduces custom domains, domain purchasing from the command…