logo
You might also like : CSS Javascript

New year, new GitHub: Announcing unlimited free private repos and unif... 5080 retweets

github.blog
Today(!) we’re thrilled to announce unlimited free private repos for all GitHub users, and a new simplified Enterprise offering:

Babel 7 Released · Babel 1686 retweets

babeljs.io
After almost 2 years, 4k commits, over 50 pre-releases, and a lot of help we are excited to announce the release of Babel 7. It's been almost [3 years]( since the release of Babel 6! There's a lot of moving pa...

React as a UI Runtime — Overreacted 1630 retweets

overreacted.io
📝I wrote most of what I know about React on a single page. This is deep dive and not a beginner-friendly post! I don’t believe anyone will read it to the end but I hope fellow UI library nerds might find some parts useful!

Scalable file structure for React and other projects 1616 retweets

react-file-structure.surge.sh
Okay, I give in. I wrote a guide on the most scalable file structure for React projects. I’m using it every day. Best part: it works for Vue projects too. Hope it’s helpful! ✨

Hello, GitHub | natfriedman 1514 retweets

nat.github.io
👋 Hello, GitHub | natfriedman

A Netflix Web Performance Case Study 1344 retweets

medium.com
A Netflix web performance case study: ⚡ 50% faster Time-to-Interactive (logged-out homepage) - ✂️ JS libraries by 200KB - Client-side React ➡️ vanilla JS - React used server-side ⚡ 30% faster subsequent navigations - Prefetch React for sign-up pr...

Learn React Fundamentals 🆓 and Advanced Patterns ️ 1341 retweets

kentcdodds.com
⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁 Here's my big announcement! My eggheadio courses have been published and are totally FREE! “Learn React Fundamentals and Advanced Patterns” ⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁

Making Sense of React Hooks – Dan Abramov – Medium 1262 retweets

medium.com
This week, Sophie Alpert and I presented the “Hooks” proposal at React Conf, followed by a deep dive from Ryan Florence: I strongly recommend to watch this opening keynote to see the problems we’re…

Standardizing WASI: A system interface to run WebAssembly outside the ... 1222 retweets

hacks.mozilla.org
WebAssembly running outside the web has a huge future. And that future gets one giant leap closer today with... 📢 Announcing WASI: A system interface for running WebAssembly outside the web (and inside it too)

Calls between JavaScript and WebAssembly are finally fast 1085 retweets

hacks.mozilla.org
Function calls between JavaScript and WebAssembly are finally fast! 🎉 wasm » JS 🔥 ~750ms → 450ms JS » wasm 🔥 ~5500ms → 450ms monomorphic JS » wasm 💥 ~5250ms → 250ms wasm » built-in 🔥 ~5750ms → 600ms See how we did it →

Fast load times  |  webdev 1029 retweets

web.dev
⚡️ - new, interactive web performance docs 📦 JavaScript (code-splitting, modern bundles) 🖼️ Images (lazy-loading, compression) 👛 Performance Budgets (webpack, Lighthouse CI) 🌍 Perf measurement by katiehempenius hdjirdeh bibydigital rick_viscom...

Creating and filling Arrays of arbitrary lengths in JavaScript 912 retweets

2ality.com
Creating and filling Arrays of arbitrary lengths in JavaScript

Rendering on the Web 903 retweets

developers.google.com
"Rendering on the web": ⚡️ - a performance-focused look at: 📡 Server rendering 📄 Static rendering 🖥 Client-side rendering 🛀 (Re)hydration 🚿 Partial rehydration & more ways to render pages 👩‍🎨

Speedometer 20: A Benchmark for Modern Web App Responsiveness 859 retweets

webkit.org
Excited to launch Speedometer 2.0 - a new benchmark for modern web app responsiveness! ⚡️ 📦 Workloads for JavaScript frameworks & libraries 🤖 Code output by popular JS tools like webpack 🔨 Built with ♥️ by Chrome & WebKit over the last year ...

Async iterators and generators - JakeArchibaldcom 848 retweets

jakearchibald.com
🎉 New JavaScript features in ES2018: - async iterators/generators - object rest/spread - Promise.prototype.finally - various RegExp features

Rendering large lists with react-window 842 retweets

addyosmani.com
Addy Osmani is an engineering manager at Google working on Chrome. He is author of open-source projects like Yeoman, TodoMVC and Material Design Lite. He has also written books like Learning JavaScript Design Patterns with O'Reilly.

The Cost Of JavaScript – Dev Channel – Medium 796 retweets

medium.com
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if…

Theme Color | Visual Studio Code Extension API 729 retweets

code.visualstudio.com
Wow. VS code theme colors can be overridden *per workspace*. Great for differentiating between projects: 🎨 (h/t wesbos)

Something I’ve been working on for the past 2 weeks: a fully Vue-power... 711 retweets

vuepress.vuejs.org
Something I’ve been working on for the past 2 weeks: a fully Vue-powered static site generator

find the cost of adding a npm package to your bundle 705 retweets

bundlephobia.com
Want to keep JavaScript bundles small? Try check the size of dependencies before adding them to your project.

Relicensing the GraphQL specification 694 retweets

medium.com
Today we’re relicensing the GraphQL specification under the Open Web Foundation Agreement (OWFa) v1.0. We think the OWFa is a great fit for GraphQL because it’s designed for collaborative open…

webpack-bundle-analyzer - npm 637 retweets

www.npmjs.com
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

a visualization library to convert any JavaScript code into beautiful ... 635 retweets

github.com
GitHub - Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.

WebAssembly's post-MVP future: A cartoon skill tree 619 retweets

hacks.mozilla.org
People have a misconception—they think that the WebAssembly that landed in browsers back in 2017—is the final version. In fact, we still have many use cases to unlock, from heavy-weight ...

A Tinder Progressive Web App Performance Case Study 601 retweets

medium.com
New blog post: Performance lessons from Tinder's Progressive Web App ~ built with React 16, Redux, webpack 3 ✂️ JavaScript optimizations (code-splitting & preloading) 📱 Service Workers for network resilience ⌛️ Performance budgets & more

Netflix functions without client-side React, and it's a good thing 558 retweets

jakearchibald.com
📝 Netflix "removed" React and improved performance. ➡️ Despite appearances, this reflects well on React.

Lazy Loading Images and Video 555 retweets

developers.google.com
If your site has a ton of images and video, but you don't want to cut down on any of it, lazy loading might be just the technique you need to improve initial page load time and lower per-page payload.

The Inter font family 545 retweets

github.com
One of the best typefaces in the world is fully open source and on GitHub. What a time to be alive.

A Unified Styling Language – SEEK blog – Medium 527 retweets

medium.com
In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community — but why?

Reactjs Videos 526 retweets

www.reactjsvideos.com
Found this on reddit — somebody built a website index of all React conference talk videos

Writing Resilient Components — Overreacted 521 retweets

overreacted.io
📝 New on Overreacted: Writing Resilient Components In my experience, these are four principles that matter the most when it comes to component design.

Announcing styled-components v4: Better, Faster, Stronger 510 retweets

medium.com
🎉🎉 Announcing styled-components v4 🎉🎉 - 25% faster mounting, 7% faster updating - New global styling API - Native support for the "as" prop - Full React v16 StrictMode compliance - Native support for "ref", no more innerRef! - and so much more! 👉 ...

Preload: What Is It Good For? — Smashing Magazine 505 retweets

www.smashingmagazine.com
**Preload** ([spec]( is a new web standard aimed at improving performance and providing more granular loading control to web developers. It gives developers the ability to **define custom loading** logic without suffer...

Introducing GitHub Actions | CSS-Tricks 498 retweets

css-tricks.com
🚀🚀🚀 Introducing GitHub Actions! 🚀🚀🚀 I wrote a post on what they are, and how to use them from simple implementations with the GUI to writing your own by hand! A lot of love went into this post, thank you chriscoyier geoffreygraham for the edits!

Extract & Inline Critical-path CSS in HTML pages. Contribute to addyos... 494 retweets

github.com
Extract & Inline Critical-path CSS in HTML pages. Contribute to addyosmani/critical development by creating an account on GitHub.

Prepack · Partial evaluator for JavaScript 483 retweets

prepack.io
Prepack, a partial JavaScript evaluator and optimising compiler we've developed at FB, has just been open sourced!

json incremental digger 481 retweets

github.com
json incremental digger. Contribute to simeji/jid development by creating an account on GitHub.

Code caching for JavaScript developers · V8 463 retweets

v8.dev
In Chrome, any JavaScript files in a service worker cache are bytecode-cached automatically. This means there is 0 parse + compile cost for them on repeat visits. 🤯

Announcing CodeSandbox Containers – Hacker Noon 460 retweets

hackernoon.com
Very proud to announce CodeSandbox Containers! 🚀 We can now run code on servers, so anything that works locally will run on CodeSandbox! With this we get first-class support for: - gatsbyjs - Next.js - nuxt_js - apollographql - reasonml - nod...

Introducing Create React Native App · React Native 460 retweets

facebook.github.io
Today we’re announcing [Create React Native App]( a new tool that makes it significantly easier to get started with a React Native project! It’s heavily inspired by the design of [Create Rea...

Announcing the new webpack CLI – webpack – Medium 454 retweets

medium.com
After getting feedback from the community about webpack being hard to get started with, we listened and decided to re-envision the CLI for webpack. Although much of the logic from the old CLI was…

Implementation Notes – React 441 retweets

reactjs.org
Ever wondered how React really works? I wrote a detailed advanced-level tutorial diving into it:

Convert videos to high-quality GIFs on your Mac 436 retweets

github.com
Convert videos to high-quality GIFs on your Mac. Contribute to sindresorhus/gifski-app development by creating an account on GitHub.

Set up a modern web app by running one command. Contribute to facebook... 426 retweets

github.com
Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.

A cartoon intro to WebAssembly 420 retweets

hacks.mozilla.org
WebAssembly is a way of taking code written in programming languages other than JavaScript and running that code in the browser. So when people say that WebAssembly is fast, what ...

A Pinterest Progressive Web App Performance Case Study 413 retweets

medium.com
Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service…

A Gentle Introduction to Prepack, Part 1. GitHub Gist: instantly share... 407 retweets

gist.github.com
A Gentle Introduction to Prepack, Part 1. GitHub Gist: instantly share code, notes, and snippets.

JavaScript End to End Testing Framework 396 retweets

www.cypress.io
Fast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing.

make images smaller using best-in-class codecs, right in the browser 394 retweets

squoosh.app
🎨 - make images smaller using best-in-class codecs, right in the browser.

Making WebAssembly even faster: Firefox’s new streaming and tiering co... 388 retweets

hacks.mozilla.org
People call WebAssembly a game changer because it makes it possible to run code on the web faster. Some speedups are already present, and some are yet to come. With ...

Fidget Spinner 385 retweets

www.fidgetspin.xyz
Happy to finally share - an offline first web app, that's installable to your home screen across platforms 🙃 🤟

Why I Write CSS in JavaScript 367 retweets

mxstbr.com
📝 Why I Write CSS in JavaScript 📝 For three years, I have styled my web apps without any .css files. Instead, I have written all the CSS in JavaScript! 😱 Let me explain. 👉 👈 (spoiler alert: it is all about ✨ confidence ✨)

Reach Router: Next Generation Routing for React 367 retweets

reach.tech
♿️ Announcing Reach Router: An Accessible Router for React ♿️ - Accessible by Default w/ Focus Management - Relative Links (!) - Nested Route Configs - Smart Path Ranking (order doesn't matter) - But wait, there's more TBA ReactRally

Use Imagemin to compress images  |  webdev 360 retweets

web.dev
Learn how to optimize images with Imagemin: ~ new codelabs for webpack, gulpjs & more by katiehempenius. Love its plugins for WebP & MozJPEG.

Use Reactlazy and Suspense to Code-Split Your App 355 retweets

hswolff.com
The marquee feature of React 16.6.0 was the introduction of , a built in way to do code-splitting with React. In all honesty I was hoping to have had this article written about two weeks ago, but in an entirely ironic and unintentional sequence of...

What Hooks Mean for Vue | CSS-Tricks 351 retweets

css-tricks.com
Not to be confused with Lifecycle Hooks, Hooks were introduced in React in v16.7.0-alpha, and a proof of concept was released for Vue a few days after.

Introducing Hooks – React 351 retweets

reactjs.org
A few tips for the next month. ❌ “Hooks are the best thing ever, you just don’t get it” ✅ “Here’s problems Hooks can help with” ❌ Use Hooks everywhere ✅ Try them in non-critical code ❌ Use third-party content as first introduction ✅ Start with

An open-source project to help move the web forward 348 retweets

bugs.chromium.org
Issue 499864 - chromium - An open-source project to help move the web forward. - Monorail

Cool CoolQLCool 342 retweets

coolql.cool
Turns any website into a GraphQL API. Cool (QL)

️ MDX-based presentation decks 341 retweets

github.com
♠️ MDX-based presentation decks. Contribute to jxnblk/mdx-deck development by creating an account on GitHub.

Published a new release of the vuejs Progressive Web App template. Li... 335 retweets

github.com
Published a new release of the vuejs Progressive Web App template. Lighthouse score + Webpack improvements 💡🏠

Releasing Prettier 10 330 retweets

jlongster.com
Releasing Prettier 1.0

far more attractive git diffs word-highlight and simplified header … 329 retweets

github.com
far more attractive git diffs. word-highlight and simplified header. … · paulirish/dotfiles6743b90 · GitHub

Hooks API Reference – React 324 retweets

reactjs.org
A JavaScript library for building user interfaces

Sneak Peek: Beyond React 16 – React Blog 323 retweets

reactjs.org
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...

An open-source screen recorder built with web technology - wulkano/kap 319 retweets

github.com
An open-source screen recorder built with web technology - wulkano/kap

The world's leading online coding platform 318 retweets

repl.it
Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in 50+ programming languages: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF, Emoticon, Bloop, Unlambda, JavaScript, CoffeeScript, Scheme, A...

The Fullstack Tutorial for GraphQL 308 retweets

www.howtographql.com
Fullstack GraphQL Tutorial to go from zero to production covering all basics and advanced concepts. Includes tutorials for Apollo, Relay, React and NodeJS.

watch GIFs while running npm install 307 retweets

github.com
watch GIFs while running npm install. Contribute to vadimdemedes/gifi development by creating an account on GitHub.