Upgrading to React 17: Fixing the Issues and Breaking Changes
React 17 mostly focused on under the hood changes but Wealthfront’s engineers still encountered a few issues which they cover here. - http://amp.gs/5qtu
#react
React 17 mostly focused on under the hood changes but Wealthfront’s engineers still encountered a few issues which they cover here. - http://amp.gs/5qtu
#react
Engineering Blog - Wealthfront
Upgrading to React 17: How to Fix the Issues and Breaking Changes — Engineering Blog - Wealthfront
React 17 mostly focused on under the hood changes that will make it easier for consumers to gradually upgrade in the future. There were no new features and the breaking changes, in theory, affected few consumer components. While upgrading at Wealthfront was…
Frontend Architecture at Scale for Large Organizations
Hi! I want to discuss with you how to manage Frontend architecture in large organizations. It feels to me that there are not many articles about this topic and it is not explained well. - http://amp.gs/5sIq
#architecture
Hi! I want to discuss with you how to manage Frontend architecture in large organizations. It feels to me that there are not many articles about this topic and it is not explained well. - http://amp.gs/5sIq
#architecture
Medium
Frontend Architecture at Scale for Large Organizations
Let’s discuss how to manage Frontend architecture in large organizations. Frontend architecture is involved in too many areas nowadays...
Progressive Web Apps in 2021
The 2020 version of this blog post was our top shared link last year, and now Maximiliano is back with an updated version for 2021. It looks at where the PWA platform is as a whole, what changes took place over the last twelve months, and what’s ahead — think things like market share, what’s new, what’s missing, challenges, new capabilities, etc. - http://amp.gs/5sRd
#pwa
The 2020 version of this blog post was our top shared link last year, and now Maximiliano is back with an updated version for 2021. It looks at where the PWA platform is as a whole, what changes took place over the last twelve months, and what’s ahead — think things like market share, what’s new, what’s missing, challenges, new capabilities, etc. - http://amp.gs/5sRd
#pwa
firt.dev
Progressive Web Apps in 2021-firt.dev
The current status of the PWA platform, abilities, compatibility, app store distribution, PWA market share and more insights about the state of the platform
How To Design Highly Performant Animations and Micro-Interactions
Rob O’Leary explains how to create highly performant animations and micro-interactions. - http://amp.gs/5iTl
#css
Rob O’Leary explains how to create highly performant animations and micro-interactions. - http://amp.gs/5iTl
#css
LogRocket Blog
How to design highly performant animations and micro-interactions - LogRocket Blog
In this post, you can learn how to design highly performant animations and micro-interactions to improve the UX of your site.
Securing Your GitHub Project
15 tips for improving the security of any projects you have hosted on GitHub from using two factor auth to security scanning and using trusted GitHub Actions. - http://amp.gs/5iCM
#github
15 tips for improving the security of any projects you have hosted on GitHub from using two factor auth to security scanning and using trusted GitHub Actions. - http://amp.gs/5iCM
#github
Marcin Hoppe
Securing Your GitHub Project
Recently I have been thinking and talking to other people about open source security. The more conversations I had, the more convinced I became that this is a very complex topic. It is full of nuance and conflicting opinions. It is also an area that is in…
Checkerboard Reveal
Geoff Graham demonstrates how to create an interesting reveal effect using CSS. - http://amp.gs/5Dlp
#css
Geoff Graham demonstrates how to create an interesting reveal effect using CSS. - http://amp.gs/5Dlp
#css
Why React Context is Not a "State Management" Tool
And, importantly, why Context doesn’t necessarily replace Redux, as some have argued before. Mark presents some clarification on the purpose and use cases for Context and Redux here. - http://amp.gs/5DuG
#react
And, importantly, why Context doesn’t necessarily replace Redux, as some have argued before. Mark presents some clarification on the purpose and use cases for Context and Redux here. - http://amp.gs/5DuG
#react
Mark's Dev Blog
Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
Definitive answers and clarification on the purpose and use cases for Context and Redux
Why Does Markdown Need to be Sanitized in Vue?
Creating a markdown editor is not that difficult. Let's learn to create one using Vue, Marked and a sanitizer library DOMPurify. - http://amp.gs/5uk6
#vue
Creating a markdown editor is not that difficult. Let's learn to create one using Vue, Marked and a sanitizer library DOMPurify. - http://amp.gs/5uk6
#vue
niharraoteblog.netlify.app
Why does markdown need to be sanitized? And how to do it in Vue?
Quick markdown parser + Performant frontend library + Reliable sanitizer = A fast, safe, and lean Markdown editor. Here’s how to make one with Marked, Vue and DOMPurify.
An Angular Roadmap — The Past, Present, and Future of Angular
As of November 2020, Angular version 11.0.0 is now available. While this release brings many updates to the platform, the most significant features include faster builds with TypeScript 4.0, component test harnesses, and ESLint updates. - http://amp.gs/5JzX
#angular
As of November 2020, Angular version 11.0.0 is now available. While this release brings many updates to the platform, the most significant features include faster builds with TypeScript 4.0, component test harnesses, and ESLint updates. - http://amp.gs/5JzX
#angular
Medium
An Angular Roadmap — The Past, Present, and Future of Angular
Paleolithic JavaScript — SproutCore
Micro Front-End Architecture at Enterprise Scale
This article tries to compress years of experience in enterprise architecture into a useful guide with a focus on micro front-end architecture. - http://amp.gs/50zX
#microfrontends
This article tries to compress years of experience in enterprise architecture into a useful guide with a focus on micro front-end architecture. - http://amp.gs/50zX
#microfrontends
Medium
Micro Front-End Architecture at Enterprise Scale (Updated July 2020)
How micro front-end architecture can improve enterprise scale organizations.
Display Dynamic Calendar Events With Flutter
How to use table_calendar package to create dynamic events in your Flutter apps. - http://amp.gs/5K8b
#flutter
How to use table_calendar package to create dynamic events in your Flutter apps. - http://amp.gs/5K8b
#flutter
Medium
Display Dynamic Events At Calendar In Flutter
Use Table Calendar Package To Create Dynamic Events In Your Flutter Apps
Seven Ways of Achieving Conditional Rendering in React
Conditional rendering means rendering only that which needs to be rendered instead of rendering everything by default. Here are a number of different ways of doing that, each suited to a particular set of conditions. - http://amp.gs/5KbI
#react
Conditional rendering means rendering only that which needs to be rendered instead of rendering everything by default. Here are a number of different ways of doing that, each suited to a particular set of conditions. - http://amp.gs/5KbI
#react
OpenReplay Blog
7 Ways of Achieving Conditional Rendering in React
7 most common ways of achieving what is known as “conditional rendering” in React.
The JavaScript 'Rising Stars' of 2020
Fingers crossed this is our final ‘look back’ at 2020, but the ‘Best of JS Rising Stars’ roundup comes out at the start of each year and shows off the fastest growing JavaScript tools and projects over the past year based on GitHub stars (which, yes, is by no means a definitive metric). Stand out projects include Deno, Playwright, esbuild, and Rome, all of which we expect to see great things of in 2021. - http://amp.gs/5Hzl
#javascript
Fingers crossed this is our final ‘look back’ at 2020, but the ‘Best of JS Rising Stars’ roundup comes out at the start of each year and shows off the fastest growing JavaScript tools and projects over the past year based on GitHub stars (which, yes, is by no means a definitive metric). Stand out projects include Deno, Playwright, esbuild, and Rome, all of which we expect to see great things of in 2021. - http://amp.gs/5Hzl
#javascript
risingstars.js.org
2020 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2020: trends about front-end and Node.js frameworks, tooling, state management...
Making GitHub’s New Homepage Fast and Performant
Tobias Ahlin takes a deep-dive into two strategies that produced the most significant performance impact for GitHub’s new homepage: crafting high-performance animations and serving the perfect image. - http://amp.gs/52Yw
#css
Tobias Ahlin takes a deep-dive into two strategies that produced the most significant performance impact for GitHub’s new homepage: crafting high-performance animations and serving the perfect image. - http://amp.gs/52Yw
#css
The GitHub Blog
Making GitHub’s new homepage fast and performant
This post is the third installment of our five-part series on building GitHub’s new homepage: How our globe is built How we collect and use the data behind the globe How we made the page
Vno: a Vue/Deno Love Story
Vno is the first native build tool for parsing, compiling, and bundling Vue components in a Deno runtime. Vno has an integrated CLI for quick set up. - http://amp.gs/52bq
#vue
Vno is the first native build tool for parsing, compiling, and bundling Vue components in a Deno runtime. Vno has an integrated CLI for quick set up. - http://amp.gs/52bq
#vue
Medium
vno: a vue / deno love story
the first native build tool for compiling and bundling Vue single-file components in a Deno runtime
How To Write Better Functional Components in React
Five simple tips which help write optimized functional components that are more readable, each with its own sample code showcased with JSFiddle. - http://amp.gs/5XjK
#react
Five simple tips which help write optimized functional components that are more readable, each with its own sample code showcased with JSFiddle. - http://amp.gs/5XjK
#react
Medium
How To Write Better Functional Components in React
5 Simple Tips For Readability and Optimization
Angular Component Portals
There has been much talk and hype around Angular Ivy, with it being hailed as the saviour for many things that will come to Angular ecosystem of the future, this includes to be able to lazily load an individual component at runtime using the import syntax without the need of a NgModule itself. - http://amp.gs/5XLB
#angular
There has been much talk and hype around Angular Ivy, with it being hailed as the saviour for many things that will come to Angular ecosystem of the future, this includes to be able to lazily load an individual component at runtime using the import syntax without the need of a NgModule itself. - http://amp.gs/5XLB
#angular
Medium
Angular Component Portals
What if you could lazily load a NgModule and instantiate any component inside the module without a direct reference to the component type?
Some Language-Agnostic Guidelines on Naming Variables
JavaScript is used although the basic principles can be applied to most languages. - http://amp.gs/5LX6
#javascript
JavaScript is used although the basic principles can be applied to most languages. - http://amp.gs/5LX6
#javascript
GitHub
GitHub - kettanaito/naming-cheatsheet: Comprehensive language-agnostic guidelines on variables naming. Home of the A/HC/LC pattern.
Comprehensive language-agnostic guidelines on variables naming. Home of the A/HC/LC pattern. - GitHub - kettanaito/naming-cheatsheet: Comprehensive language-agnostic guidelines on variables naming....
How to Deploy Flutter Web to Netlify Using CI/CD and Azure Pipelines
From Firebase to Netlify, a step-by-step guide to deploy Flutter Web to Netlify using Azure Pipelines. - http://amp.gs/5WL8
#flutter
From Firebase to Netlify, a step-by-step guide to deploy Flutter Web to Netlify using Azure Pipelines. - http://amp.gs/5WL8
#flutter
Medium
How to Deploy Flutter Web to Netlify Using CI/CD and Azure Pipelines
From Firebase to Netlify, a step-by-step guide to deploy Flutter web to Netlify using Azure Pipelines