frontend-tech

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

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.

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

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.

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>

Xi包子參戰

GitHub

graphql/graphql-wg

graphql-wg - Working group notes for GraphQL

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.

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>

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.

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)

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>

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

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.

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.

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

beta.observablehq.com

Observable

A better way to code.

GitHub

tc39/proposal-observable

proposal-observable - Observables for ECMAScript

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/>

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.

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>

superuser.com

How do I convert a video to GIF using ffmpeg, with reasonable quality?

I'm converting .flv movie to .gif file with ffmpeg. ffmpeg -i input.flv -ss 00:00:00.000 -pix_fmt rgb24 -r 10 -s 320x240 -t 00:00:10.000 output.gif It works great, but output gif file has a very...

GitHub

midwayjs/pandora

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

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.

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 …