twitter

Published #immer 1.0.0 :tada::tada::tada: Exactly a month &amp; 2000:star: after very first version! Create immutable data structures with unprecedented ease &amp; full typechecking in <https://twitter.com/typescriptlang|@typescriptlang> / <https://twitter.com/flowtype|@flowtype> Vid: <https://egghead.io/lessons/redux-simplify-creating-immutable-data-trees-with-immer> Intro: <https://medium.com/@mweststrate/introducing-immer-immutability-the-easy-way-9d73d8f71cb3> Repo: <https://github.com/mweststrate/immer>

GitHub

mweststrate/immer

immer - Create the next immutable state by mutating the current one

• ❤️1

Medium

Sketching in the Browser – SEEK blog – Medium

How we automatically generate a Sketch library for designers from our living style guide, and how our design systems journey led us here.

CY Li

不過我記得每個人進來immutable 都卡很久. 會忘記啥時再操作POJO 啥時在做immutable

• Forwarded from #frontend-tech
• 2018-02-01 13:31:54

Recurse Center

Xi: an editor for the next 20 years - Recurse Center

Localhost is a series of monthly technical talks in NYC, open to the public, and given by members of the Recurse Center community.

• 🚨1

twitter

:hospital: node-clinic: Automatically diagnose your <https://twitter.com/nodejs|@nodejs> performance issues and get actionable tips on how to improve it :heart_eyes::heart_eyes: My new favorite Node module :clap: <https://twitter.com/mafintosh|@mafintosh> <https://twitter.com/davidmarkclem|@davidmarkclem> <https://spectrum.chat/thread/1a6cbf7c-fbf4-4a98-a98f-64d082eefeac> <https://pbs.twimg.com/media/DU88Wt4WkAEHLkE.png>

twitter

Just published Unstated 1.0! - Share state between components the same stateful component API - Easy to insert into any existing React app, try it out - Dependency injection for your tests - Super small library (140 lines of code) Give it a star: <https://github.com/thejameskyle/unstated> <https://pbs.twimg.com/media/DU8_sqSVAAA1H3d.jpg>

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

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

mrorz 2018-02-02 10:10:11

感覺比 createContext RFC 的還要好懂呢

mrorz 2018-02-02 10:16:44

喔 createContext 只有從上往下傳值，好像不會把 method 傳下去，所以其實原本 RFC 的 consumer 似乎無法改動 provider 給的值。

然後 unstated 則是可以在 provider 上面定義 method / callback，一起傳下去給下頭的 consumer (subscriber) 來呼叫

兩者都是對 react context 的封裝，但 unstated 比較能解決問題的感覺。

jihchi 2018-02-02 10:17:30

一種 redux 寫在 Provider 裡面的感覺

mrorz 2018-02-02 10:18:51

沒 redux 那麼複雜呢 XD

redux 的 action 發出去可以被很多個 reducer 聽到
但 unstated 就是一個 callback 直通特定 provider

jihchi 2018-02-02 10:26:12

開一個檔案 `store.js` 裡面放 `SingleSourceOfTrueContainer`，其他 component 需要的時候就 `import store from 'store.js'`

CY Li

Xi包子參戰

• Forwarded from #frontend-tech
• 2018-02-02 08:29:38

GitHub

graphql/graphql-wg

graphql-wg - Working group notes for GraphQL

• 🆘4

twitter

Last night I finished up writing the, 2017 recap, and, what to expect in 2018 content for the Frontend Developer Handbook. 2017 recap: <https://frontendmasters.gitbooks.io/front-end-developer-handbook-2018/content/recap.html> In 2018: <https://frontendmasters.gitbooks.io/front-end-developer-handbook-2018/content/2018.html> Hit me with feedback, updates, additions, and insults. Expecting all of the above.

famous.co

Famous

The Famous Instant App cloud platform empowers brands to link their ad, social and email campaigns to instantly loading mobile app experiences.

• 😢1

mrorz 2018-02-05 14:09:35

我還記得
之前嘗試用過一次，API 非常難用

mrorz 2018-02-05 14:10:31

手機硬體升級之後，根本沒有必要強迫開發者使用那麼難用的 API 來做開發

twitter

Good news for <https://twitter.com/apollographql|@apollographql> users, .graphql file imports will be supported in 2.0 of Create React App (which are better for performance): <https://github.com/facebook/create-react-app/pull/3909>

twitter

Here’s some more clarifications from me. But really, please wait for the blog post, we’re working on it! :slightly_smiling_face: <https://www.reddit.com/r/reactjs/comments/7uur43/react_163_alpha_available_on_npm/dtoktoe/> <https://pbs.twimg.com/media/DVIO_xOUQAAoqfy.jpg>

twitter

<https://twitter.com/sharifsbeat|@sharifsbeat> just doing some <https://twitter.com/reasonml|@reasonml> merchan here :p, that is practically the default way to go with its pattern matching :nail_care:, and if you forget to handle a case it'll tell you, gets really powerful <https://pbs.twimg.com/media/DVI6sghWsAEiRDZ.jpg>

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

GitHub

CSS Modules localIdentName cleanup by lnhrdt · Pull Request #3965 · facebook/create-react-app

Cleaning up CSS Modules localIdentName in dev and prod configurations in an attempt to provide ease of use for developers in development and encourage best practices in production. Context and rati...

twitter

Compose render prop components <https://buff.ly/2E9UneX> #reactjs

twitter

Inception! irmin-graphql can expose it's own git repo as a GraphQL API (or any other git repo). <https://github.com/andreas/irmin-graphql> <https://pbs.twimg.com/media/DVTHl5IX4AEKhbz.png>

twitter

Today is my first day at Google! Very exciting :grinning::grinning::grinning:

twitter

I just published “React’s :atom_symbol: new Context API” <https://blog.kentcdodds.com/reacts--new-context-api-70c9fe01596b>

twitter

react-helmet-async: A concurrency-safe, drop-in replacement for react-helmet that works with streaming server-side rendering :heart_eyes::heart_eyes::heart_eyes: :clap: <https://twitter.com/wonderboymusic|@wonderboymusic> <https://spectrum.chat/thread/056d029c-99cc-4a54-889c-986497bc5646>

twitter

Next.js 5.0 is here: ◆ Universal Webpack ◆ CSS imports + Typescript ◆ Zones ◆ Faster production builds <https://zeit.co/blog/next5>

• 💪3

mrorz 2018-02-06 10:23:48

Universal webpack!
終於可以用 file-loader 了 QAQ

Medium

Why Your App Looks Better in Sketch – Nathan Gitter – Medium

Exploring rendering differences between Sketch and iOS

twitter

Runtime dependency injection is the worst thing ever and I really dislike that it is not more frowned upon in our industry. Especially in, supposedly, performance aware ecosystems.

• 🔥1

Medium

Goodbye React Training, React Router, Hello Workshop.me, TotalReact.com

Today I’m announcing that I’m leaving React Training and React Router for a couple new adventures.

twitter

PSA: Node.js 10.0.0 will contain first class support for fully promisified fs functions. <https://github.com/nodejs/node/pull/18297>

twitter

"The Testing Trophy" :trophy: A general guide for the **return on investment** :money_mouth_face: of the different forms of testing with regards to testing JavaScript applications. - End to end w/ <https://twitter.com/Cypress_io|@Cypress_io> :black_circle: - Integration &amp; Unit w/ <https://twitter.com/fbjest|@fbjest> :black_joker: - Static w/ <https://twitter.com/flowtype|@flowtype> 𝙁 and <https://twitter.com/geteslint|@geteslint> ⬣ <https://pbs.twimg.com/media/DVUoM94VQAAzuws.jpg>

GitHub

drcmda/react-contextual

react-contextual - Tiny helper around Reacts new context API

GitHub

javivelasco/react-tunnels

react-tunnels - :metro: Render React components in placeholders that are placed somewhere else in the component tree.

GitHub

Roadmap for react-scripts@2.0 · Issue #3815 · facebook/create-react-app

We have just released react-scripts@1.1.0 and, aside from critical vulnerabilities or similar issues, we intend this to be the last 1.x release. Our work on the 2.x release of react-scripts is in t...

twitter

:admission_tickets: We’re super excited to finally announce the ticket sales! There are only a few early-bird tickets left so hurry and grab yours at <https://buff.ly/2E6BcPJ>

code.visualstudio.com

Visual Studio Code January 2018

See what is new in the Visual Studio Code January 2018 Release (1.20)

mofas 2018-02-08 08:04:17

終於有multi file selection了

twitter

I just learned that you can connect Switch controllers to your computer via Bluetooth. So I decided I'll give my talk at <https://twitter.com/AwwwardsConf|@AwwwardsConf> this Friday using a joy con as a clicker :D <https://pbs.twimg.com/media/DVdu75GWsAAxC8N.jpg>

• 😳1
• 👍1

GitHub

automerge/automerge

automerge - A JSON-like data structure that can be modified concurrently by different users, and merged again automatically.

Medium

Introducing Rekit Studio: a real IDE for React and Redux development

We’re very excited to announce the stable release of Rekit Studio, a complete IDE for React, Redux and React Router development!

fictional.logdown.com

Your data is Loading... « Fictional Programmer

Lately, I have been involved in a pretty sizeable React-Redux application. A problem that arises ...

CodeSandbox

remote-data-simple - CodeSandbox

The online code editor tailored for web applications

• 😂1

npm

sindresorhus.js

Words cannot possibly describe this

GitHub

devsnek/sindresorhus.js

Contribute to sindresorhus.js development by creating an account on GitHub.

hygen.io

Hygen

Hygen - The scalable code generator that saves you time.

• 👍2

Spectrum.chat

.mdx proposal · Frontend Cafe

For a while now at ZEIT we've been using markdown-in-js as a pre-processor with Babel, so that we can write static documents more practically. In practice, our…

YouTube

#FiveThings About React {S:01 Ep: 03}

YouTube

Domain Modeling Made Functional - Scott Wlaschin

Medium

webpack 4: mode and optimization – webpack – Medium

webpack adds a mode option. What does that mean?

Patreon

Sindre Sorhus is creating open source software | Patreon

Become a patron of Sindre Sorhus today: Read posts by Sindre Sorhus and get access to exclusive content and experiences on the world’s largest membership platform for artists and creators.

• 🐶1

beta.observablehq.com

Five-Minute Introduction

Discover insights faster and communicate more effectively with interactive notebooks for data analysis, visualization, and exploration.

GitHub

asvetliakov/typescript-snapshots-plugin

typescript-snapshots-plugin - Snapshots language service support for Typescript

• 💯2

beta.observablehq.com

Observable

A better way to code.

mrorz 2018-02-17 11:18:55

我還以為跟 https://github.com/tc39/proposal-observable 有關

原來是所見即所得的意思呀 XD

• 💯1

jihchi 2018-02-17 14:49:09

Context!

twitter

Just pushed a new site for MDX: JSX in Markdown. Thanks <https://twitter.com/rauchg|@rauchg> and <https://twitter.com/dan_abramov|@dan_abramov> for getting the word out there! <http://mdxc.reactarmory.com/>

twitter

Updating to new context API if you only read context in render is even simpler than I imagined

twitter

Fun beginnings of a library inspired by <https://twitter.com/cerebraljs|@cerebraljs> tags. <https://github.com/tkh44/retarget> <https://pbs.twimg.com/media/DWdQd-VVoAANOla.jpg>

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

twitter

3D iMac effect. Neeeaaattt. <http://www.thismanslife.co.uk/projects/lab/imac3d/>

• 👍1

twitter

Posted about it a few times but this could be a fun new project to contribute to: <https://github.com/babel/babel-upgrade> `npx babel-upgrade` Try it on your own or other people's projects, report issues, come up with your own suggestions, submit PRs! Help us try to automate what we can!

GitHub

Critical Linux filesystem permissions are being changed by latest version · Issue #19883 · npm/npm

I'm opening this issue because: npm is crashing. npm is producing an incorrect install. npm is doing something I don't understand. Other (see below for feature requests): What's going wrong? ...

twitter

:fire: .toLocaleString() is a great way to format currency <https://pbs.twimg.com/media/DWpl7K2VMAAqgJk.jpg>

twitter

Understandning design feedback <https://pbs.twimg.com/media/DWspJUcV4AAZigX.jpg>

twitter

My latest Mac app is out: Gifski - Convert videos to high-quality GIFs. <https://github.com/sindresorhus/gifski-app> Made by <https://twitter.com/kornelski|@kornelski> and me.

mrorz 2018-02-24 13:44:58

ffmpeg ?

mrorz 2018-02-24 13:45:56

喔喔 imagemagick 也有
https://superuser.com/questions/556029/how-do-i-convert-a-video-to-gif-using-ffmpeg-with-reasonable-quality

mrorz 2018-02-24 13:47:07

參數也太多 wwwwww
通常 `ffmpeg -i aaa.mp4 aaa.gif` 就夠了吧⋯⋯

mrorz 2018-02-24 13:50:03

好吧試了一下
不帶參數的話你會得到一個原始畫質、30fps 的超巨大 gif wwwwww

twitter

Using a new strange API. I never felt this productive using React before. You’re going to hate it, then you’re going to love it. Will spill some beans in a week at <https://twitter.com/jsconfis|@jsconfis>

GitHub

midwayjs/pandora

pandora - A Manageable, Measurable and Traceable Node.js Application Manager represented by Alibaba powered by TypeScript

mrorz 2018-02-24 17:26:48

看起來像是 pm2 + keymetrics 的單機版，自架 keymetrics

twitter

Using a new strange API. I never felt this productive using React before. You’re going to hate it, then you’re going to love it. Will spill some beans in a week at <https://twitter.com/jsconfis|@jsconfis>

GitHub

GoogleChromeLabs/clooney

clooney - Clooney is an actor library for the web. Use workers without thinking about workers.

twitter

Yeah webpack 4.0.0 is on npm: <https://github.com/webpack/webpack/releases/tag/v4.0.0> In the next few days... * blog post * migration guide * docs update * compatible loaders and plugins published Keep in mind that it takes some time... many people are involved here (in their spare time, it's open source)

YouTube

Introducing Flutter

GitHub

flutter/flutter

flutter - Flutter makes it easy and fast to build beautiful mobile apps.

• 😂1
• 👍1

Medium

webpack 4: Code Splitting, chunk graph and the splitChunks optimization

webpack 4 made some major improvements to the chunk graph and added a new optimiztion for chunk splitting (which is a kind of improvement…

GitHub

Hehk/reason-react-context

reason-react-context - A library to add a context library for reason react

Medium

7 Practical Tips for Cheating at Design – Refactoring UI – Medium

Improving your designs with tactics instead of talent.

twitter

If you want to use your favorite lib in the Console, you can save the lib source in a Snippet, then run the Snippet whenever you need the lib. P.S. you can run also Snippets from the Command Menu by typing "!" followed by the Snippet name. <https://pbs.twimg.com/media/DWqW9n9U0AAiUBn.png>

Salesforce Developers Blog

All About Salesforce Extensions for VS Code - Salesforce Developers Blog

There has been a ton of exciting news around developer tooling for Salesforce developers over the last few releases. Last year, we released the beta and GA of Salesforce DX tools which include the CLI, Salesforce Extensions for Visual Studio (VS) Code, scratch orgs, and more. This year, we’ve been heads-down on developer tooling with …