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
New Aspect-Ratio CSS Property Supported in Chromium, Safari Technology Preview, and Firefox Nightly
Una Kravets explains how to maintain aspect ratio within images and elements with the new aspect-ratio CSS property. - http://amp.gs/5aiX
#css
Una Kravets explains how to maintain aspect ratio within images and elements with the new aspect-ratio CSS property. - http://amp.gs/5aiX
#css
Vite 2 - a DX Jump Into the Future
Vite is a next-generation frontend tool which serves files on-demand over native ESM. This post discusses why the instant feedback loop unlocked by Vite is so important and what's new in Vite 2. - http://amp.gs/5oKy
#vue
Vite is a next-generation frontend tool which serves files on-demand over native ESM. This post discusses why the instant feedback loop unlocked by Vite is so important and what's new in Vite 2. - http://amp.gs/5oKy
#vue
patak.dev
Vite 2
A VitePress powered post about Vite 2 and the importance of the instant feedback loop that it enables
How to Make a Snazzy One-Time Code Input in React Native
If your app demands a user enter a one-time code (from an SMS, say) here’s a way to make it a nice experience with React Native. - http://amp.gs/5Mu1
#reactnative
If your app demands a user enter a one-time code (from an SMS, say) here’s a way to make it a nice experience with React Native. - http://amp.gs/5Mu1
#reactnative
thoughtbot
Make a snazzy one-time code input in React Native
Let’s make a nice one-time code input in React Native.
13 JavaScript One-Liners That’ll Make You Look Like a Pro
I think the title oversells it a little, but nonetheless, you might pick up a tip or two from these well presented examples. - http://amp.gs/557n
#javascript
I think the title oversells it a little, but nonetheless, you might pick up a tip or two from these well presented examples. - http://amp.gs/557n
#javascript
Medium
13 JavaScript One-Liners That’ll Make You Look Like a Pro
In just a few minutes, step up your JS knowledge.
Compliant components: Declarative approach in Angular
When I first heard about compliant mechanisms I was very impressed. Even though they surround us in our daily lives — we barely ever think about what they are conceptually. - http://amp.gs/5QZP
#angular
When I first heard about compliant mechanisms I was very impressed. Even though they surround us in our daily lives — we barely ever think about what they are conceptually. - http://amp.gs/5QZP
#angular
Medium
Compliant components: Declarative approach in Angular
Angular is declarative in nature. Learn how to make your code adhere to this approach by eliminating internal manually managed states
10 Best Practices to Containerize Node.js Web Applications with Docker
A helpful article that provides production-grade guidelines for building optimized and secure Node.js Docker images for your web applications. - http://amp.gs/5QQx
#nodejs
A helpful article that provides production-grade guidelines for building optimized and secure Node.js Docker images for your web applications. - http://amp.gs/5QQx
#nodejs
Snyk
10 best practices to containerize Node.js web applications with Docker | Snyk Blog | Snyk
Are you looking for best practices on how to build Node.js Docker images for your web applications? Then you’ve come to the right place!
Using Web Workers in Vue Applications
As a single-threaded programming language, JavaScript can only perform a single set of instructions at a time. Learn how to use web workers in Vue applications to keep the main thread unblocked. - http://amp.gs/5cPy
#vue
As a single-threaded programming language, JavaScript can only perform a single set of instructions at a time. Learn how to use web workers in Vue applications to keep the main thread unblocked. - http://amp.gs/5cPy
#vue
Devjavu
Using Web Workers In Vue Applications | Devjavu
This post assumes you have basic knowledge of Javascript and Vue.
Single-Threaded JavaScript As a single-threaded programming language, Javascript can only perform a single set of instructions at a time. This means that every other process has to wait for…
Single-Threaded JavaScript As a single-threaded programming language, Javascript can only perform a single set of instructions at a time. This means that every other process has to wait for…