Should I use CSS BEM with Angular? part I
Let’s see if BEM is suitable for Angular. Just with looking at the description on the page, we can see some contradictory statements. How can something be strict and flexible at the same time? - http://amp.gs/3nKg
#angular
Let’s see if BEM is suitable for Angular. Just with looking at the description on the page, we can see some contradictory statements. How can something be strict and flexible at the same time? - http://amp.gs/3nKg
#angular
Medium
Should I use CSS BEM with Angular? part I
BEM is a popular methodology for using CSS. According to the website, Block Element Modifier provides several benefits:
Spacing in CSS
Ahmad Shadeed covers everything you need to know about spacing in CSS. - http://amp.gs/3Ggl
#css
Ahmad Shadeed covers everything you need to know about spacing in CSS. - http://amp.gs/3Ggl
#css
Ahmad Shadeed Blog
Spacing in CSS - Ahmad Shadeed
Vue Router with Eduardo San Martin Morote
This week we are joined by Eduardo San Martin Morote, who is from Ecuador, but currently lives in Paris. He is a Freelance Front-end Developer and spends much of time on Vue.js and more specifically on Vue Router. Tessa, Chris, and Ari have a bunch of questions for Eduardo dealing with Vue Router, recent changes happening with it, problems with it, and he talks about what it’s like to be the core maintainer of it. - http://amp.gs/3GW7
#vue #podcast
This week we are joined by Eduardo San Martin Morote, who is from Ecuador, but currently lives in Paris. He is a Freelance Front-end Developer and spends much of time on Vue.js and more specifically on Vue Router. Tessa, Chris, and Ari have a bunch of questions for Eduardo dealing with Vue Router, recent changes happening with it, problems with it, and he talks about what it’s like to be the core maintainer of it. - http://amp.gs/3GW7
#vue #podcast
Best Practices Learnt Running Express.js in Production for 4 Years
There’s a lot of stuff packed in here focused around middleware, testing, logging, and general concerns around scaling and keeping apps running in production. - http://amp.gs/3xEv
#nodejs
There’s a lot of stuff packed in here focused around middleware, testing, logging, and general concerns around scaling and keeping apps running in production. - http://amp.gs/3xEv
#nodejs
Sematext
Using Express.js in Production: Performance Best Practices - Sematext
Learn how to use Express.js in production. Performance best practices on how to structure your project, handle errors & use DevOps tools to improve reliability!
Using Tailwind CSS with Create React App
Demonstrates a basic example with minimal setup along with another one for a more optimized workflow for production. - http://amp.gs/3f8D
#react
Demonstrates a basic example with minimal setup along with another one for a more optimized workflow for production. - http://amp.gs/3f8D
#react
Dave Ceddia
Using Tailwind CSS with Create React App
Comparing HTTP/3 vs. HTTP/2 Performance
HTTP/3 is still in a draft status spec-wise, but it’s already being supported here and there, including on Cloudflare. This post covers where HTTP/3 is right now, why it matters, and some basic benchmarks. - http://amp.gs/3fUv
#http
HTTP/3 is still in a draft status spec-wise, but it’s already being supported here and there, including on Cloudflare. This post covers where HTTP/3 is right now, why it matters, and some basic benchmarks. - http://amp.gs/3fUv
#http
The Cloudflare Blog
Comparing HTTP/3 vs. HTTP/2 Performance
We announced support for HTTP/3, the successor to HTTP/2, during Cloudflare’s birthday week last year. Our goal is and has always been to help build a better Internet. Even though HTTP/3 is still in draft status, we've seen a lot of interest from our users.
Strategies for Migrating to TypeScript
A quick overview of some strategies for migrating codebases from JavaScript over to TypeScript. - http://amp.gs/3C1U
#javascript
A quick overview of some strategies for migrating codebases from JavaScript over to TypeScript. - http://amp.gs/3C1U
#javascript
Creating Morphing Animations with CSS clip-path
Mikael Ainalem explains how to implement morphing, a technique for transforming one appearance into another, using CSS. - http://amp.gs/3C2Q
#css
Mikael Ainalem explains how to implement morphing, a technique for transforming one appearance into another, using CSS. - http://amp.gs/3C2Q
#css
Medium
Creating Morphing Animations with CSS clip-path
Learn how to implement morphing, a technique for transforming one appearance into another, using CSS.
How To Set Up an Express API Backend Project with PostgreSQL
A pretty extensive walkthrough of creating an HTTP API using Express with Node.js and Postgres on the backend, then deploying it all on Heroku. - http://amp.gs/3kVp
#nodejs
A pretty extensive walkthrough of creating an HTTP API using Express with Node.js and Postgres on the backend, then deploying it all on Heroku. - http://amp.gs/3kVp
#nodejs
State Management Without Vuex
What if you wanted to manage state, but you didn't want to use Vuex? Don't get me wrong, Vuex is a great tool. But it's not ideal for every use case. - http://amp.gs/3efW
#vue
What if you wanted to manage state, but you didn't want to use Vuex? Don't get me wrong, Vuex is a great tool. But it's not ideal for every use case. - http://amp.gs/3efW
#vue
Michaelnthiessen
State Management Without Vuex - Michael Thiessen
What if you wanted to manage state, but you didn't want to use Vuex? Don't get me wrong, Vuex is a great tool. But it's not ideal for every use case.
How to Monitor Your Web Page's Total Memory Usage with performance.measureMemory()
Learn how to measure memory usage of your web page in production to detect regressions. - http://amp.gs/37YT
#web #monitor #memory
Learn how to measure memory usage of your web page in production to detect regressions. - http://amp.gs/37YT
#web #monitor #memory
web.dev
Monitor your web page's total memory usage with measureUserAgentSpecificMemory()
Learn how to measure memory usage of your web page in production to detect regressions.
How to Build Custom Forms with React Hooks
This allows for low-level custom forms logic, which can be reused in other places with minimal third-party dependencies. - http://amp.gs/37wa
#react
This allows for low-level custom forms logic, which can be reused in other places with minimal third-party dependencies. - http://amp.gs/37wa
#react
Telerik Blogs
React Hooks and Component Composition
Learn how we can use React Hooks to have a better component composition within our applications, improving our code reuse and state logic.
Speed Up Your Angular App: 14 Optimization Tips
Tips on how to make your Angular app smaller, faster, and more responsive. - http://amp.gs/3PNJ
#angular
Tips on how to make your Angular app smaller, faster, and more responsive. - http://amp.gs/3PNJ
#angular
GrapeCity
Speed Up Your Angular App - 14 Angular Optimization Tips | GrapeCity Javascript
Here, we'll give 14 tips on how to make your Angular app smaller, faster, and more responsive.
How to Create an Alexa Skill with Node
Implementing a custom ‘skill’ for Amazon Alexa by using Node and AWS Lambda. - http://amp.gs/3yOu
#nodejs #aws #alexa
Implementing a custom ‘skill’ for Amazon Alexa by using Node and AWS Lambda. - http://amp.gs/3yOu
#nodejs #aws #alexa
dzone.com
Alexa Skill With Node.js - DZone Web Dev
In this article, we implement a custom Skill for Amazon Alexa by using Node.js, npm, and AWS Lambda Functions.
Understanding how fetch works in Nuxt 2.12
Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications. - http://amp.gs/3hEd
#vue #nuxt
Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications. - http://amp.gs/3hEd
#vue #nuxt
Nuxt
Understanding how fetch works in Nuxt 2.12
Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications.
From Idea to 1M Users in A Week with Expo
The VP of Engineering at Zoe (a nutritional science company), talks about how they went from concept to completion, building a COVID-19 Symptom Tracker in a week with a small team of volunteers. - http://amp.gs/3vdl
#mobile #expo
The VP of Engineering at Zoe (a nutritional science company), talks about how they went from concept to completion, building a COVID-19 Symptom Tracker in a week with a small team of volunteers. - http://amp.gs/3vdl
#mobile #expo
Medium
From Idea to 1M Users in a Week with Expo
We asked Julien Lavigne du Cadet, VP of Engineering at Zoe, to spend some precious moments sharing about the whirlwind week he spent…
Profiling React.js Performance
Goes into detail on aspects of the React Profiler API, React’s new experimental Interaction Tracing API, and measuring custom metrics using the User Timing API. - http://amp.gs/3g3C
#react
Goes into detail on aspects of the React Profiler API, React’s new experimental Interaction Tracing API, and measuring custom metrics using the User Timing API. - http://amp.gs/3g3C
#react
Addyosmani
Profiling React.js Performance
This guide looks at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental scheduler ...
Accessible Font Sizing, Explained
Andrés Galante explains how can we make an accessible reading experience. - http://amp.gs/3ENP
#css
Andrés Galante explains how can we make an accessible reading experience. - http://amp.gs/3ENP
#css
CSS-Tricks
Accessible Font Sizing, Explained | CSS-Tricks
The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font
Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes
This is an article in a series of articles where we'll create KittyGram We'll implement KittyGram using the best front-end web framework in the world - http://amp.gs/3VuE
#angular
This is an article in a series of articles where we'll create KittyGram We'll implement KittyGram using the best front-end web framework in the world - http://amp.gs/3VuE
#angular
DEV Community
Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes 🚀
PRELUDE: My dear friend Martina(who's a fellow GDE in Angular & Web Tech) and I both love cats a...
OneTesselAway: Building a Real-Time Public Transit Status Device
A developer wanted to know when the next bus would arrive.. while using lots of cool tech, including Node, the OneBusAway API, and the Tessel 2 IoT platform. - http://amp.gs/3936
#nodejs
A developer wanted to know when the next bus would arrive.. while using lots of cool tech, including Node, the OneBusAway API, and the Tessel 2 IoT platform. - http://amp.gs/3936
#nodejs
Medium
OneTesselAway: Building a Real-Time Public Transit Status IoT Device
How I made an IoT device that tells me when my next bus will arrive. Built with Node.js, the OneBusAway API, and the Tessel 2.