How I Increased 🚀 the performance of an EXTREMELY deeply nested Angular Reactive Form by 380%😲
Do you have a deeply nested data structure? Do you have to build a form around it? Is this form really slow to work with? Are your users complaining about it? Do you need an escape? WAIT! Siddharth is here to guide you home.
— http://amp.gs/4CLM
#angular
Do you have a deeply nested data structure? Do you have to build a form around it? Is this form really slow to work with? Are your users complaining about it? Do you need an escape? WAIT! Siddharth is here to guide you home.
— http://amp.gs/4CLM
#angular
Intro to Font Metrics
Weston Thayer explains how the raw anatomical features of type can enable us to create designs that are precise, resilient, readable, and maybe even original. — http://amp.gs/4e0V
#css #font #metrixs
Weston Thayer explains how the raw anatomical features of type can enable us to create designs that are precise, resilient, readable, and maybe even original. — http://amp.gs/4e0V
#css #font #metrixs
Westonthayer
Intro to Font Metrics
Font files contain a wealth of information about a typeface. Whether you're a designer or a developer, learning more about how fonts work can open new doors in how you work and what you create.
Progressive React: Building Faster React Apps
A guide (which starts off with a handy checklist) on building faster React apps by way of a handful of useful optimizations. — http://amp.gs/4797
#react
A guide (which starts off with a handy checklist) on building faster React apps by way of a handful of useful optimizations. — http://amp.gs/4797
#react
houssein.me
Progressive React
Building progressive and performant sites with React
NUXT + APOLLO + GRAPHQL + DJANGO
Importance of reducing requests using GRAPHQL technologies.
- http://amp.gs/4P9r
#nuxt #apollo #graphql #django
Importance of reducing requests using GRAPHQL technologies.
- http://amp.gs/4P9r
#nuxt #apollo #graphql #django
Medium
NUXT + APOLLO + GRAPHQL + DJANGO
Importance of reducing requests using GRAPHQL technologies
Handle restricted routes in Angular with Route Guards
There is almost no application out there without authentication and restricted areas, right? With this article Vassiliki will explain how to handle restricted routes in Angular with Guards and Http requests, the real life way.
— http://amp.gs/4yEC
#angular
There is almost no application out there without authentication and restricted areas, right? With this article Vassiliki will explain how to handle restricted routes in Angular with Guards and Http requests, the real life way.
— http://amp.gs/4yEC
#angular
ITNEXT
Response to
Authentication
New Vue.js RFC: Class API
Vue 3 will introduce built-in support for authoring components as native ES2015 classes. An RFC regarding the API has been launched for community consideration. — http://amp.gs/4hmg
#vue
Vue 3 will introduce built-in support for authoring components as native ES2015 classes. An RFC regarding the API has been launched for community consideration. — http://amp.gs/4hmg
#vue
GitHub
vuejs/rfcs
RFCs for substantial changes / feature additions to Vue core - vuejs/rfcs
Breaking Boxes With CSS Fragmentation
If you’ve ever wanted to break your content up into chunks (think separating content on different pages using for print stylesheets) then this is your must read article for the week. — http://amp.gs/4vzz
#css
If you’ve ever wanted to break your content up into chunks (think separating content on different pages using for print stylesheets) then this is your must read article for the week. — http://amp.gs/4vzz
#css
Smashing Magazine
Breaking Boxes With CSS Fragmentation — Smashing Magazine
What is fragmentation, why might you want to use it, and what is the current state of browser support? Rachel Andrew has the answers.
Using Custom React Hooks to Simplify Forms
A neat (and practical!) use case for hooks — building forms in an efficient, reusable manner. — http://amp.gs/4gII
#react #forms #hooks
A neat (and practical!) use case for hooks — building forms in an efficient, reusable manner. — http://amp.gs/4gII
#react #forms #hooks
Upmostly
How to Create Custom React Hooks (Full Tutorial + Code)
Use custom React Hooks to build forms that require half the code to write, are reusable, and are much easier to read. Read on to learn more!
How to Transfer Files and Data Between Angular Clients and Node.js Backends — http://amp.gs/4guI
#nodejs #angular
#nodejs #angular
Twilio Blog
How to Transfer Files and Data Between Angular Clients and Node.js Backends
Twilio posts cloud communications trends, customer stories, and tips for building scaleable voice and SMS applications with Twilio's APIs.
Vue.js with Constructor Pattern
The constructor design pattern allows you to create multiple object instances which share some common functionalities and are created by the same interface. See how InventiStudio uses this pattern in their Vue apps for better code consistency.
— http://amp.gs/4EAY
#vue
The constructor design pattern allows you to create multiple object instances which share some common functionalities and are created by the same interface. See how InventiStudio uses this pattern in their Vue apps for better code consistency.
— http://amp.gs/4EAY
#vue
WebAuthn Approved As Web Standard for Password-Free Logins
The W3C announced earlier this week that the Web Authentication API (WebAuthn) is now an official standard for password-free logins on the web. - http://amp.gs/4VOA
#webauthn
The W3C announced earlier this week that the Web Authentication API (WebAuthn) is now an official standard for password-free logins on the web. - http://amp.gs/4VOA
#webauthn
VentureBeat
W3C approves WebAuthn as the web standard for password-free logins
The World Wide Web Consortium (W3C) announced that the Web Authentication API (WebAuthn) is an official web standard for password-free logins on the web.
How Google Search Indexes JavaScript Sites
Martin Splitt explains how JavaScript influences SEO and how to optimize your JavaScript-powered website to be search-friendly. - https://www.youtube.com/watch?v=LXF8bM4g-J4
#google #search #indexes #javascript #sites #video
Martin Splitt explains how JavaScript influences SEO and how to optimize your JavaScript-powered website to be search-friendly. - https://www.youtube.com/watch?v=LXF8bM4g-J4
#google #search #indexes #javascript #sites #video
YouTube
How Google Search indexes JavaScript sites - JavaScript SEO
Martin Splitt, Webmaster Trends Analyst, explains how JavaScript influences SEO and how to optimize your JavaScript-powered website to be search-friendly.
Get started with search → https://bit.ly/2VlnMaI
Learn more on how to make your website discoverable…
Get started with search → https://bit.ly/2VlnMaI
Learn more on how to make your website discoverable…
Using A Wild Card Route (**) To Traverse Arbitrarily Nested Data In Angular 7.2.4
One of the things that Ben truly loves about the Angular Router is that it enables us, as application developers, to move more and more application state into the URL. This allows us to make more of the application interface directly addressable via the URL; which, ultimately, makes each Angular application more usable and shareable across the team.
— http://amp.gs/44f0
#angular
One of the things that Ben truly loves about the Angular Router is that it enables us, as application developers, to move more and more application state into the URL. This allows us to make more of the application interface directly addressable via the URL; which, ultimately, makes each Angular application more usable and shareable across the team.
— http://amp.gs/44f0
#angular
Bennadel
Using A Wild Card Route (**) To Traverse Arbitrarily Nested Data In Angular 7.2.4
Ben Nadel explores wild card (**) routes in the Angular 7.2.4 Router; and, demonstrates how to use a wild card route as a means to traverse arbitrarily nested data. This allows for more application state to be pushed into the URL, which ultimately makes every…
A Cheatsheet for React Users Who Use TypeScript
Rounds up a variety of links, tips, and sticking points that you might encounter when working with React from TypeScript for the first time. Not new but has had a lot of updates recently. — http://amp.gs/4Rpu
#react #typescript
Rounds up a variety of links, tips, and sticking points that you might encounter when working with React from TypeScript for the first time. Not new but has had a lot of updates recently. — http://amp.gs/4Rpu
#react #typescript
GitHub
GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
Cheatsheets for experienced React developers getting started with TypeScript - GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
Loading Dynamic Components with Ionic & Angular ComponentFactoryResolver
Recently one member of the Ionic Academy asked for help regarding a tough situation: How to display dynamic components based on a JSON object structure you might get from an API?
— http://amp.gs/4RNn
#angular #ionic
Recently one member of the Ionic Academy asked for help regarding a tough situation: How to display dynamic components based on a JSON object structure you might get from an API?
— http://amp.gs/4RNn
#angular #ionic
Devdactic
Loading Dynamic Components with Ionic & Angular ComponentFactoryResolver
Recently one member of the Ionic Academy asked for help regarding a tough situation: How to display dynamic components based on a JSON object structure you might get from an API? One solution to this problem is the use of the Angular ComponentFactoryResolver.…
Cache-Control for Civilians
An accessible look at what the HTTP Cache-Control header can do when it comes to controlling how your assets are cached. Covering strategies, asset management and more. - http://amp.gs/4UTx
#http #cachecontrol
An accessible look at what the HTTP Cache-Control header can do when it comes to controlling how your assets are cached. Covering strategies, asset management and more. - http://amp.gs/4UTx
#http #cachecontrol
Csswizardry
Cache-Control for Civilians – CSS Wizardry
What does Cache-Control really do? In basic terms? Let’s find out!
Mastering testing with Vue.js by testing a real application and setting up CI/CD
A lot of developers don’t like writing test, but I do love it, tests make your code more resilient and error-prone… — http://amp.gs/4U08
#vue #ci #cd #testing
A lot of developers don’t like writing test, but I do love it, tests make your code more resilient and error-prone… — http://amp.gs/4U08
#vue #ci #cd #testing
Medium
Mastering testing with Vue.js by testing a real application and setting up CI/CD
We are going to use a real application, hacker news clone, built by Evan, I simply forked it since I don’t want changes to it breaking…
Web Page Footers 101: Design Patterns and When to Use Each
“A footer is the place users go when users they’re lost.” — Some good tips and advice here on what to consider when building out your site footer. - http://amp.gs/4dzC
#design
“A footer is the place users go when users they’re lost.” — Some good tips and advice here on what to consider when building out your site footer. - http://amp.gs/4dzC
#design
Nielsen Norman Group
Web Page Footers 101: Design Patterns and When to Use Each
Footers can be found at the bottom of almost every web page, and often take many forms, depending on the type of content on a website. Regardless of the form they take, their presence is critical (and highly underrated).