ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 5 of 6
β± 2 min read
π #JavaScript
β± 2 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 6 of 6
β± 3 min read
π #JavaScript
β± 3 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββMemes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API and placing your text over the top of it to create your very own, personalized meme.
β± 8 min read
π #React
β± 8 min read
π #React
freeCodeCamp.org
Learn React by Building a Meme Generator
Memes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course [https://scrimba.com/g/glearnreact] on Scrimba. The app works by pulling aβ¦
ββWe are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
β± 9 min read
π #React
β± 9 min read
π #React
pomb.us
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all theβ¦
ββIn their own words: Prism is a lightweight, extensible syntax highlighter β meaning it can be used to highlight code blocks or code samples in a website.
β± 4 min read
π #React #PrismJS
β± 4 min read
π #React #PrismJS
Medium
Get PrismJS working in React
In their own words: Prism is a lightweight, extensible syntax highlighter β meaning it can be used to highlight code blocks or code samplesβ¦
ββJavaScript is famous for the number of frameworks and tools that are created around it every week, and React, being one of the most popular of those frameworks as of late, βsuffersβ a similar fate, causing new developers to get overwhelmed when they attempt to start delving into the technology.
β± 13 min read
π #React #Tools
β± 13 min read
π #React #Tools
Medium
11 Top React Developer Tools for 2020
React developer tools you should add to your toolbox
ββIn recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 8 min read
π #Performance
β± 8 min read
π #Performance
Medium
Making Instagram.com faster: Part 1
In recent years instagram.com has seen a lot of changesβββweβve launched stories, filters, creation tools, notifications, and directβ¦
π€ Coding News β‘οΈ pinned Β«ββMemes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API andβ¦Β»
ββββPart 2:
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 6 min read
π #Performance
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 6 min read
π #Performance
Medium
Making Instagram.com faster: Part 2
A series outlining how we improved the page load times of instagram.com by 50%. This entry covers early flushing HTML and pushing data.
ββββββPart 3:
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 5 min read
π #Performance
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 5 min read
π #Performance
Medium
Making Instagram.com faster: Part 3 β cache first
In recent years instagram.com has seen a lot of changesβββweβve launched stories, filters, creation tools, notifications, and directβ¦
π€ Coding News β‘οΈ pinned Β«ββWe are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. β± 9 min read π #ReactΒ»
ββββββββPart 4:
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 7 min read
π #Performance
In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work weβve done that led to these improvements.
β± 7 min read
π #Performance
Medium
Making instagram.com faster: Code size and execution optimizations (Part 4)
Covers approaches to how we improved performance by reducing JavaScript size & making that Javascript execute more efficiently.
ββLearn how to optimize the JavaScript bundle by minizming how much code is transpiled.
β± 6 min read
π #Performance #Webpack #JavaScript
β± 6 min read
π #Performance #Webpack #JavaScript
web.dev
Serve modern code to modern browsers for faster page loads | Articles | web.dev
In this codelab, learn how to improve the performance of an application by minizming how much code is transpiled.
ββ50% faster server-side rendering, 22% faster client-side rendering, 31% smaller bundle size, RTL support and no breaking changes! ππ―ππ
β± 4 min read
π #JavaScript #CSS
β± 4 min read
π #JavaScript #CSS
Medium
Announcing styled-components v5: Beast Mode πͺπ₯
50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes! ππ―ππ
ββToday one of my favorite teachers, Brad Traversy, published an overview of what he recommends you learn to become a web developer in 2020.
β± 10 min read
π #Programming
β± 10 min read
π #Programming
freeCodeCamp.org
Web Development in 2020: What Coding Tools You Should Learn
Today one of my favorite teachers, Brad Traversy, published an overview of what he recommends you learn to become a web developer in 2020. Brad cuts through a lot of the hype you hear on social media. His advice is practical and realistic. And I agree withβ¦
ββOne of the problems in web development today is the entangling of different layers. Not only do we face strong coupling to multiple dependencies, but we also wire logical code directly to some styling or presentation layer. The end result may still be easier to reuse than similar code some years ago, but it is definitely more difficult to reuse than it should be.
β± 7 min read
π #React
β± 7 min read
π #React
LogRocket Blog
Building a carousel component in React using Hooks - LogRocket Blog
Build a custom React carousel component using Hooks, and compare it to the newly released use-carousel-hook.
π€ Coding News β‘οΈ pinned Β«ββββββPart 3: In recent years, instagram.com has seen a lot of changes β weβve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunateβ¦Β»
ββYou might have used Chromeβs Developer Tools to profile your JavaScript to improve performance or find bottlenecks.
β± 7 min read
π #Performance
β± 7 min read
π #Performance
Medium
Chrome Tracing for Fun and Profit
You might have used DevTools to profile your JavaScript. But thereβs a lot that DevTools canβt tell you.