You might also like : CSS Javascript

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

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

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

📝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

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

👋 Hello, GitHub | natfriedman

A Netflix Web Performance Case Study 1344 retweets

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

⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁 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

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

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

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

⚡️ - 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

Creating and filling Arrays of arbitrary lengths in JavaScript

Rendering on the Web 903 retweets

"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

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

🎉 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

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

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

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

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

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

Relicensing the GraphQL specification 694 retweets

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

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

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

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

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

Lazy Loading Images and Video 555 retweets

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

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

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

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

Writing Resilient Components — Overreacted 521 retweets

📝 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

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

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

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

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, a partial JavaScript evaluator and optimising compiler we've developed at FB, has just been open sourced!

json incremental digger 481 retweets

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

Code caching for JavaScript developers · V8 463 retweets

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

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

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

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

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

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

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

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

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

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

JavaScript End to End Testing Framework 396 retweets

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

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

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

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

📝 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

♿️ 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

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

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

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

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

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

Cool CoolQLCool 342 retweets

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

️ MDX-based presentation decks 341 retweets

♠️ 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

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

Releasing Prettier 10 330 retweets

Releasing Prettier 1.0

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

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

Hooks API Reference – React 324 retweets

A JavaScript library for building user interfaces

Sneak Peek: Beyond React 16 – React Blog 323 retweets

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

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

The world's leading online coding platform 318 retweets

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

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

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