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
Angular — Utilizing custom pure pipe to improve performance
Pipe is a powerful feature in Angular to achieve data transformation in templates. - http://amp.gs/QpTd
#angular
Pipe is a powerful feature in Angular to achieve data transformation in templates. - http://amp.gs/QpTd
#angular
Medium
Angular — Utilizing custom pure pipe to improve performance
Pipe is not only a powerful tool in Angular to achieve data transformation in templates, but also useful to improve performance.
Capturing Hacker News Mentions with Node and MongoDB
If you don’t want to read the ‘orange site’ (as it’s often called) but you’d like to know if something gets mentioned there, here’s one option. - http://amp.gs/QlZS
#nodejs
If you don’t want to read the ‘orange site’ (as it’s often called) but you’d like to know if something gets mentioned there, here’s one option. - http://amp.gs/QlZS
#nodejs
The Polyglot Developer
Capturing Hacker News Mentions with Node.js and MongoDB
Learn how to stream data from Hacker News into MongoDB for analyzing with Node.js.
13 JavaScript One-Liners That’ll Make You Look Like a Pro
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Medium
13 JavaScript One-Liners That’ll Make You Look Like a Pro
In just a few minutes, step up your JS knowledge.
Exploring the Complexities of Width and Height in CSS
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
CSS-Tricks
Exploring the Complexities of Width and Height in CSS
The following article is co-authored by Uri Shaked and Michal Porag. Let’s explore the complexities of how CSS computes the width and height dimensions of
7 Tips to Go From Beginner to Advanced in Vue.js
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Medium
7 Tips to Go From Beginner to Advanced in Vue.js
Level up your Vue.js game
How We Improved Smashing Magazine's Performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
Smashing Magazine
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected…