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…
The Importance of @font-Face Source Order When Used With Preload
Matt Hobbs outlines how a small change in the ordering of your font sources in the @font-face rule can significantly impact performance. - http://amp.gs/5cX4
#css
Matt Hobbs outlines how a small change in the ordering of your font sources in the @font-face rule can significantly impact performance. - http://amp.gs/5cX4
#css
nooshu.github.io
The importance of `@font-face` source order when used with preload
A small change in the ordering of your font sources in the `@font-face` rule can have a big impact on data and web performance, especially when used in conju...
Learn Angular Basics by Building a Simple App Using Angular Material
Ready to build something pretty awesome today? Me too!
I currently work as an Angular developer, building tools the employees at my company use to get their jobs done and hopefully enjoy doing them. I only started developing in Angular at the beginning of May this year, but I love front-end work and am so pumped to get the chance to learn this new skill professionally. - http://amp.gs/5bTJ
#angular
Ready to build something pretty awesome today? Me too!
I currently work as an Angular developer, building tools the employees at my company use to get their jobs done and hopefully enjoy doing them. I only started developing in Angular at the beginning of May this year, but I love front-end work and am so pumped to get the chance to learn this new skill professionally. - http://amp.gs/5bTJ
#angular
Medium
Learn Angular Basics by Building a Simple App Using Angular Material
Bonus: Includes a sneak peek of using Angular Reactive forms
The Tao of React: Design, Architecture & Best Practices
There are no universal best practices, says the author, but there are certainly principles and attitudes that will take you a long way in productively building resilient React apps for the long term, and he shares quite a few of his findings here. - http://amp.gs/5bXI
#react
There are no universal best practices, says the author, but there are certainly principles and attitudes that will take you a long way in productively building resilient React apps for the long term, and he shares quite a few of his findings here. - http://amp.gs/5bXI
#react
Alexkondov
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
Scaling Your Vue Components for Mid-Large Size Apps
Working on a mid-large size app usually means hundreds of components. How do you make sure these components will scale? - http://amp.gs/QIr7
#vue
Working on a mid-large size app usually means hundreds of components. How do you make sure these components will scale? - http://amp.gs/QIr7
#vue
Harlan Wilton
Scaling Your Vue Components for Mid-Large Size Apps | Harlan Wilton
Working on a mid-large size app usually means hundreds of components. How do you make sure these components will scale?
An Interactive Guide to CSS Transitions
Joshua Comeau gives a comprehensive guide to CSS transitions, the fundamental building blocks we need to create micro-interactions and other animations. - http://amp.gs/QjZv
#css
Joshua Comeau gives a comprehensive guide to CSS transitions, the fundamental building blocks we need to create micro-interactions and other animations. - http://amp.gs/QjZv
#css
Joshwcomeau
An Interactive Guide to CSS Transitions
This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.
undefined vs. null Revisited
Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used. - http://amp.gs/Q8IV
#javascript
Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used. - http://amp.gs/Q8IV
#javascript
Storybook With Angular 10
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its variousOutput()s. This is useful especially when you want to quickly view changes to a specific component as opposed to waiting for the entire app to refresh on each change. - http://amp.gs/Q8oE
#angular
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its variousOutput()s. This is useful especially when you want to quickly view changes to a specific component as opposed to waiting for the entire app to refresh on each change. - http://amp.gs/Q8oE
#angular
Medium
Setup Storybook With Angular 10
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its…
Practical Aspect Oriented Programming in JavaScript
Aspect oriented programming is a modular coding technique where existing code is embellished or extended rather than modified. This is a very brief JS-oriented overview. - http://amp.gs/QT03
#nodejs
Aspect oriented programming is a modular coding technique where existing code is embellished or extended rather than modified. This is a very brief JS-oriented overview. - http://amp.gs/QT03
#nodejs
The Code Barbarian
Practical Aspect Oriented Programming in JavaScript
Aspect oriented programming is a paradigm that a lot of JavaScript frameworks borrow from, but there's no definitive way to do aspect oriented programming in JavaScript yet. Here's an idea for how you can think of aspect oriented programming in a JavaScript…
An Introduction to the Rollup.js Bundler
Rollup is a popular ES module oriented module bundler. - http://amp.gs/Qz50
#rollup
Rollup is a popular ES module oriented module bundler. - http://amp.gs/Qz50
#rollup
Sitepoint
An Introduction to the Rollup.js JavaScript Bundler — SitePoint
Snowpack, webpack and Parcel bundle your JS but are hard to custom configure. Rollup.js is faster and more configurable. Learn how to set it up!
Managing CSS Z-Index In Large Projects
Steven Frieson outlines an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index. - http://amp.gs/QYY3
#css
Steven Frieson outlines an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index. - http://amp.gs/QYY3
#css
Smashing Magazine
Managing CSS Z-Index In Large Projects — Smashing Magazine
Wrangling z-index values is a difficult task for many developers. Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index.
Use Mapbox Popups with Vue 3
In this article, you'll learn how to use a Vue 3 component as content of a Mapbox popup while keeping full reactivity. - http://amp.gs/QY6h
#vue
In this article, you'll learn how to use a Vue 3 component as content of a Mapbox popup while keeping full reactivity. - http://amp.gs/QY6h
#vue
Medium
Use Mapbox Popups with Vue 3
Mapbox is super cool. 🥳 Vue 3 is super cool. 🥳
Building Server-Side Rendering for React Apps on AWS Lambda
A look at two ways you can implement and deploy a solution for server-side rendering in React applications by using Lambda or Lambda@Edge, along with using tools like AWS CDK to automate things. - http://amp.gs/Qmjd
#react
A look at two ways you can implement and deploy a solution for server-side rendering in React applications by using Lambda or Lambda@Edge, along with using tools like AWS CDK to automate things. - http://amp.gs/Qmjd
#react
Amazon
Building server-side rendering for React in AWS Lambda | Amazon Web Services
This post demonstrates two ways you can implement and deploy a solution for server-side rendering in React applications, by using Lambda or Lambda@Edge. It also shows how to use open-source tools and AWS CDK to automate the building and deployment of such…
10 Bad TypeScript Habits to Break This Year
Unsurprisingly, given the title, this is very opinionated. - http://amp.gs/QZlv
#typescript
Unsurprisingly, given the title, this is very opinionated. - http://amp.gs/QZlv
#typescript