Angular — Communicating between templates with function-like HTML segments
The function-like HTML segment refers to a block of HTML with the ability to accept context variables (in other words, parameters). A typical Angular component has two major parts of logic, a HTML template and a Typescript class. The capability to utilize this kind of function-like HTML segment is essential for a good shared component. It is because a shared component with only a fixed HTML template is very difficult to fit all the needs among all different use cases. - http://amp.gs/o5iA
#angular
The function-like HTML segment refers to a block of HTML with the ability to accept context variables (in other words, parameters). A typical Angular component has two major parts of logic, a HTML template and a Typescript class. The capability to utilize this kind of function-like HTML segment is essential for a good shared component. It is because a shared component with only a fixed HTML template is very difficult to fit all the needs among all different use cases. - http://amp.gs/o5iA
#angular
Medium
Angular — Communicating between templates with function-like HTML segments
Here is a guide to utilize TemplateRef to define function-like HTML segments for communication between HTML templates.
Building a Secure Mobile App With React Native
A solid, high level overview of security considerations to consider before embarking on your next React Native project. - http://amp.gs/o5Mc
A solid, high level overview of security considerations to consider before embarking on your next React Native project. - http://amp.gs/o5Mc
Medium
Building A Secure Mobile App With React Native
With the total global mobile app revenue estimated to amount from $365 billion in 2018 to $935 billion in 2023, undoubtedly mobile app…
TypeScript Performance Tips
This wiki page has been around a while but blew up on social media this week. Its original author stresses the points covered are guidance rather than indisputable fact, and many of the tips improve other forms of performance than just execution speed. - http://amp.gs/oQhX
#typescript
This wiki page has been around a while but blew up on social media this week. Its original author stresses the points covered are guidance rather than indisputable fact, and many of the tips improve other forms of performance than just execution speed. - http://amp.gs/oQhX
#typescript
GitHub
Performance
TypeScript is a superset of JavaScript that compiles to clean JavaScript output. - microsoft/TypeScript
A Thoughtful Way to Use React’s useRef() Hook
If you’ve found your components are unnecessarily re-rendering each time you call the update functions, here’s how to use useRef() to get better control of them. - http://amp.gs/oQQA
#react
If you’ve found your components are unnecessarily re-rendering each time you call the update functions, here’s how to use useRef() to get better control of them. - http://amp.gs/oQQA
#react
Smashing Magazine
A Thoughtful Way To Use React’s useRef() Hook — Smashing Magazine
In a React component, `useState` and `useReducer` can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the `useRef()` hook to keep track of variables without causing re-renders…
How to Deploy a Node App to AWS Fargate with Auto-Scaling
If full on AWS Lambda isn’t for you, maybe AWS Fargate (basically a serverless compute engine for containers) could get you running serverlessly without a huge paradigm shift. - http://amp.gs/ocVb
#nodejs #aws
If full on AWS Lambda isn’t for you, maybe AWS Fargate (basically a serverless compute engine for containers) could get you running serverlessly without a huge paradigm shift. - http://amp.gs/ocVb
#nodejs #aws
Matthew Kindzerske
Node.js Web App Deployed to AWS Fargate w/ Auto-Scaling
TL/DR: I present a detailed how-to for deploying a (hello world) Node.js web application (in container image form) onto AWS Fargate with auto-scaling. This could be useful for the start of your pro…
👍1
12 Frameworks for Hybrid Mobile Apps
The hybrid landscape has evolved a fair bit over the past couple of years. This post looks at a dozen different hybrid mobile app frameworks that can help you build hybrid apps with a native look and feel (using the power of JS). - http://amp.gs/ocXq
#mobile #frameworks
The hybrid landscape has evolved a fair bit over the past couple of years. This post looks at a dozen different hybrid mobile app frameworks that can help you build hybrid apps with a native look and feel (using the power of JS). - http://amp.gs/ocXq
#mobile #frameworks
Creating Custom Hooks with Vue 3 & TypeScript
This is a step-by-step guide to creating a Vue 3 app with TypeScript support and building a custom hook with vue-class-component. - http://amp.gs/o6Yp
#vue
This is a step-by-step guide to creating a Vue 3 app with TypeScript support and building a custom hook with vue-class-component. - http://amp.gs/o6Yp
#vue
The Angular CLI is Creating Your Unit Tests Wrong
I love the Angular CLI. It’s effective, it’s powerful, it’s convenient, and it’s easy to learn. But there’s one thing I really dislike about it, and that’s the way it generates tests. - http://amp.gs/o690
#angular
I love the Angular CLI. It’s effective, it’s powerful, it’s convenient, and it’s easy to learn. But there’s one thing I really dislike about it, and that’s the way it generates tests. - http://amp.gs/o690
#angular
Medium
The Angular CLI is Creating Your Unit Tests Wrong
I love the Angular CLI. It’s effective, it’s powerful, it’s convenient, and it’s easy to learn. But there’s one thing I really dislike…
Over 100 JavaScript Algorithms and Data Structures Demonstrated
Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in other languages too like Chinese, Korean, French, and Spanish. - http://amp.gs/o664
#javascript #algorithms
Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in other languages too like Chinese, Korean, French, and Spanish. - http://amp.gs/o664
#javascript #algorithms
Case Study: lynnandtonic 2020 Refresh
Lynn Fisher offers a behind-the-scenes look at her 2020 portfolio redesign. - http://amp.gs/ob7v
#css
Lynn Fisher offers a behind-the-scenes look at her 2020 portfolio redesign. - http://amp.gs/ob7v
#css
Lynnandtonic
Case Study: lynnandtonic.com 2020 refresh
Thoughts and process for the lynnandtonic.com 2020 redesign.
DRY-ing Up Styled-Components
The way styled-components keeps JavaScript and CSS in close proximity is appreciated by many developers but, as the author notes, it can also lead to a lot of repetition. She has a solution. - http://amp.gs/obKx
#react
The way styled-components keeps JavaScript and CSS in close proximity is appreciated by many developers but, as the author notes, it can also lead to a lot of repetition. She has a solution. - http://amp.gs/obKx
#react
CSS-Tricks
DRY-ing up styled-components | CSS-Tricks
I like working with styled-components. They allow you write CSS in your JavaScript, keeping your CSS in very close proximity to your JavaScript for a single
How to Structure Maintainable Angular Project
Although Angular by design handles project complexity well it’s often hard to preserve good organisation as the project develops and as new functionalities come into place and old need to be altered. - http://amp.gs/MIOp
#angular
Although Angular by design handles project complexity well it’s often hard to preserve good organisation as the project develops and as new functionalities come into place and old need to be altered. - http://amp.gs/MIOp
#angular
Medium
Organise Your Angular Services to Be Bulletproof.
How to structure highly maintainable and scalable Angular project.
What Vue.js Does Better Than React
This React developer has done a deep dive into how Vue.js works and how it makes life as a UI engineer easier in ways that React does not. - http://amp.gs/MIcK
#vue
This React developer has done a deep dive into how Vue.js works and how it makes life as a UI engineer easier in ways that React does not. - http://amp.gs/MIcK
#vue
Building a geolocation app using Google Maps API in Vanilla JavaScript
In this step-by-step tutorial, you'll learn how to build a geolocation-based app using Navigator, London Bikes, and Google Maps API all in vanilla JavaScript. - http://amp.gs/Mj45
#javascript
In this step-by-step tutorial, you'll learn how to build a geolocation-based app using Navigator, London Bikes, and Google Maps API all in vanilla JavaScript. - http://amp.gs/Mj45
#javascript
DEV Community
Building a geolocation app using Google Maps API in Vanilla JavaScript
Recently I worked on this geolocation-based app that fetches and maps real-time availability of Londo...
useEffect vs useLayoutEffect
According to Kent, 99% of the time you will want to use useEffect. But every once in a while useLayoutEffect is a better choice, such as to avoid that distracting flicker when DOM mutations take effect. - http://amp.gs/MjQu
#react
According to Kent, 99% of the time you will want to use useEffect. But every once in a while useLayoutEffect is a better choice, such as to avoid that distracting flicker when DOM mutations take effect. - http://amp.gs/MjQu
#react
Kentcdodds
useEffect vs useLayoutEffect
The simple rules for when to use each.
Under-Engineered Responsive Tables
Adrian Roselli shows the simplest way to make a WCAG-compliant responsive HTML table. - http://amp.gs/M8RI
#css
Adrian Roselli shows the simplest way to make a WCAG-compliant responsive HTML table. - http://amp.gs/M8RI
#css
Adrian Roselli
Under-Engineered Responsive Tables
I have written a bunch about responsive tables. Maybe too much. I keep trying to give developers the information they need to make informed decisions — ARIA attributes, screen reader & browser pairing results, bugs, and so on. I have spread things out over…
Flutter State Management in 2021: When to Use What?
An updated list of where each solution shines, so you can be confident you picked the best state management solutions for your needs. - http://amp.gs/MT1T
#flutter
An updated list of where each solution shines, so you can be confident you picked the best state management solutions for your needs. - http://amp.gs/MT1T
#flutter
Medium
Flutter State Management in 2021: When to Use What?
An updated list of where each solution shines, so you can be confident you picked the best state management solutions for your needs.
5 Nuxt Modules to Use in Your Next Project
The Nuxt Module ecosystem has become extremely robust. Here are some really useful modules that you may want in your next project. - http://amp.gs/MTrB
#vue
The Nuxt Module ecosystem has become extremely robust. Here are some really useful modules that you may want in your next project. - http://amp.gs/MTrB
#vue
dparksdev
5 Nuxt Modules to Use in Your Next Project
One of the best parts of Nuxt is its robust Module library. Modules allow you to extend Nuxt's core functionality and handle some powerful integrations. Here are five that I use in almost every project!