The Front-End Tooling Survey 2018 Results
Over 5,000 frontend developers took part in this survey and the results on which tools and techniques frontend devs are using remain useful to reflect upon. - http://amp.gs/VzcM
#frontEnd #survey
Over 5,000 frontend developers took part in this survey and the results on which tools and techniques frontend devs are using remain useful to reflect upon. - http://amp.gs/VzcM
#frontEnd #survey
ashleynolan.co.uk
The Front-End Tooling Survey 2018 - Results
The results of the 2018 Front-End Tooling Survey are out! Check out the results and analysis of the responses here.
Debug Angular Apps in Production Without Revealing Source Maps
When our app gets deployed to production we often encounter different code than what we edited during development. Our code gets modified and optimized during the build process. - http://amp.gs/V1E0
#angular
When our app gets deployed to production we often encounter different code than what we edited during development. Our code gets modified and optimized during the build process. - http://amp.gs/V1E0
#angular
Angular In Depth
Debug Angular apps in production without revealing source maps
Alternate approaches to handle source maps
JavaScript Algorithms and Data Structures
JavaScript 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. - http://amp.gs/VY8l
#javascript #algorithms
JavaScript 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. - http://amp.gs/VY8l
#javascript #algorithms
GitHub
trekhleb/javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms
Boost Angular’s Performance by Lazy Loading your Modules
In this article, we will talk about lazy loading in Angular. At the end of this article, we will gain a valuable insight into how to boost the performance of our Angular apps by loading our ngModules on demand. - http://amp.gs/VYPh
#angular
In this article, we will talk about lazy loading in Angular. At the end of this article, we will gain a valuable insight into how to boost the performance of our Angular apps by loading our ngModules on demand. - http://amp.gs/VYPh
#angular
Bits and Pieces
Boost Angular’s Performance by Lazy Loading your Modules
Get better performance for your NG apps in just a few minutes
Why Beginning Designers Don’t Need to Learn Grids, Type Scales, or Color Theory
It’s not that you don’t need to learn them and that’s it, but Erik talks more about what you should be focusing on to get great design results which aren’t based on the traditional approaches. - http://amp.gs/VY3c
#ui #design
It’s not that you don’t need to learn them and that’s it, but Erik talks more about what you should be focusing on to get great design results which aren’t based on the traditional approaches. - http://amp.gs/VY3c
#ui #design
learnui.design
Why Beginning Designers Don't Need to Learn Grids, Type Scales, or Color Theory (and other “Designer Dogma”) – Learn UI Design
Grids in a world where no screen ever stays the same size · The golden ratio is not the answer · Adjusting colors like facebook · Pick-a-number fatigue
Top JavaScript Frameworks and Topics to Learn in 2019
We see a lot of ‘top X’ posts when editing JavaScript Weekly but this annual review of the JavaScript tech ecosystem by none other than Eric Elliott is always a crowd pleaser. - http://amp.gs/Vtdp
#javascript
We see a lot of ‘top X’ posts when editing JavaScript Weekly but this annual review of the JavaScript tech ecosystem by none other than Eric Elliott is always a crowd pleaser. - http://amp.gs/Vtdp
#javascript
Medium
Top JavaScript Frameworks and Topics to Learn in 2019
It’s that time of year again: The annual overview of the JavaScript tech ecosystem. Our aim is to highlight the learning topics and…
React-with-Gesture: A Utility for Component-Tied Pointer Gestures
If you’ve been intimidated with setting up a touch or mouse-based gesture for your components and views, react-with-gesture promises to make it easier. The live demo is neat. - http://amp.gs/Vmfe
#react
If you’ve been intimidated with setting up a touch or mouse-based gesture for your components and views, react-with-gesture promises to make it easier. The live demo is neat. - http://amp.gs/Vmfe
#react
GitHub
react-spring/react-use-gesture
👇Bread n butter utility for component-tied mouse/touch gestures in React - react-spring/react-use-gesture
Handle http responses with HttpInterceptor and Toastr in Angular
Have you ever been in need of a centralized system that takes care of your http responses? Every time you work on a big project with a ton of http requests, that problem comes to the surface. In this article, we will learn how to deal with it, by using an http interceptor and the ngx-toastr plugin to display those messages. - http://amp.gs/VZlU
#angular
Have you ever been in need of a centralized system that takes care of your http responses? Every time you work on a big project with a ton of http requests, that problem comes to the surface. In this article, we will learn how to deal with it, by using an http interceptor and the ngx-toastr plugin to display those messages. - http://amp.gs/VZlU
#angular
ITNEXT
Handle http responses with HttpInterceptor and Toastr in Angular
Have you ever been in need of a centralized system that takes care of your http responses? I am sure that every time you work in a big…
Vue.js & GraphQL Tutorial: Tying Airtable Data to a Gridsome App
Gridsome leverages Vue.js and GraphQL to build static, data-driven frontend apps. In this tutorial, you’ll see how Airtable can be used as a data source for Gridsome. - http://amp.gs/Vpfb
#vue
Gridsome leverages Vue.js and GraphQL to build static, data-driven frontend apps. In this tutorial, you’ll see how Airtable can be used as a data source for Gridsome. - http://amp.gs/Vpfb
#vue
Add a Shopping Cart to Any Website
Vue.js & GraphQL Tutorial: Tying Airtable Data to a Gridsome App - Snipcart
Vue.js and GraphQL are two powerful modern JavaScript tools. Gridsome finally leverages both to build great websites & apps. We used it to fetch data in Airtable with GraphQL for a neat Vue.js app.
Electron 4.0 Released
Electron is a popular project from GitHub that’s heavily used to create desktop apps with modern Web technologies (such as VS Code and Slack’s desktop client). 4.0 introduces some new features but notably bumps up the underlying dependencies to Chromium 69, Node 10.11, and V8 6.9. - http://amp.gs/Vlz4
#electron
Electron is a popular project from GitHub that’s heavily used to create desktop apps with modern Web technologies (such as VS Code and Slack’s desktop client). 4.0 introduces some new features but notably bumps up the underlying dependencies to Chromium 69, Node 10.11, and V8 6.9. - http://amp.gs/Vlz4
#electron
A Quick CSS Audit and General Notes About Design Systems
Robin Rendle shares some advice on auditing design systems to help you better understand and improve your CSS codebase.
- http://amp.gs/VBIg
#css
Robin Rendle shares some advice on auditing design systems to help you better understand and improve your CSS codebase.
- http://amp.gs/VBIg
#css
CSS-Tricks
A Quick CSS Audit and General Notes About Design Systems
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different
Things Dan Abramov Doesn’t Know
React core team member and the creator of Redux wants you to realize that “even your favorite developers may not know many things that you know” and shares his own list of blind spots. - http://amp.gs/VnTH
#dan #abramov
React core team member and the creator of Redux wants you to realize that “even your favorite developers may not know many things that you know” and shares his own list of blind spots. - http://amp.gs/VnTH
#dan #abramov
overreacted.io
Things I Don’t Know as of 2018
We can admit our knowledge gaps without devaluing our expertise.
Resolvers: Angular’s one-click data delivery
Etienne once read somewhere that we should always keep our Components as small as possible. It’s then easier to understand and forces us to put reusable logic in Services. But when you need to get data from an API, then you may need to map the data to fit the format you want. We’ll need to take care of all this in our Component once it’s initiated… right? - http://amp.gs/Vn0w
#angular
Etienne once read somewhere that we should always keep our Components as small as possible. It’s then easier to understand and forces us to put reusable logic in Services. But when you need to get data from an API, then you may need to map the data to fit the format you want. We’ll need to take care of all this in our Component once it’s initiated… right? - http://amp.gs/Vn0w
#angular
Medium
Resolvers: Angular’s one-click data delivery
Using Resolvers in Angular is a good way to fetch everything you need before the route actually changes to initialize your Component
Node and JavaScript Testing Best Practices
A well presented collection of 30 best practices for better Node and JavaScript testing, continuous integration, and overall quality. - http://amp.gs/VGik
#nodejs
A well presented collection of 30 best practices for better Node and JavaScript testing, continuous integration, and overall quality. - http://amp.gs/VGik
#nodejs
Medium
Node.js & JavaScript Testing Best Practices
30+ best practices for better Node JS & JavaScript testing, continuous integration (CI), and overall quality. By Yoni Goldberg
Generic First CSS: New Thinking On Mobile First
Alastair Hodgson introduces the Generic First CSS methodology, which offers some advantages over the mobile first approach. - http://amp.gs/VxHT
#css
Alastair Hodgson introduces the Generic First CSS methodology, which offers some advantages over the mobile first approach. - http://amp.gs/VxHT
#css
Smashing Magazine
Generic First CSS: New Thinking On Mobile First — Smashing Magazine
With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base level. Well, I don’t have anything too groundbreaking to offer…
Storing and Using the Last Known Route in Vue
How to keep a reference to the last known route a user visited in Vue. Also a good excuse to check out the all-new CSS Tricks redesign! - http://amp.gs/Vfdh
#vue
How to keep a reference to the last known route a user visited in Vue. Also a good excuse to check out the all-new CSS Tricks redesign! - http://amp.gs/Vfdh
#vue
CSS-Tricks
Storing and Using the Last Known Route in Vue
There are situations where keeping a reference to the last route a user visited can come in handy. For example, let’s say we’re working with a multi-step
Understanding the Virtual DOM
Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. - http://amp.gs/VCdN
#vdom
Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. - http://amp.gs/VCdN
#vdom
bitsofcode
Understanding the Virtual DOM
I’ve recently been writing about what exactly the DOM and the shadow DOM are and how they differ. To recap, the Document Object Model is an object-based representation of an HTML document and an interface to manipulating that object. The shadow DOM can be…
Spend Your Xmas Break Catching Up on the Hottest Trends in Angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular, testing with Spectator, or in-depth looks at JS and RX functionality, they were all featured in Netanel’s articles. As 2018 draws to a close, he’s linked all his articles from the past 2 years here for easier access. - http://amp.gs/VkiB
#angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular, testing with Spectator, or in-depth looks at JS and RX functionality, they were all featured in Netanel’s articles. As 2018 draws to a close, he’s linked all his articles from the past 2 years here for easier access. - http://amp.gs/VkiB
#angular
Netanel Basal
Spend Your Xmas Break Catching Up on the Hottest Trends in Angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular…
Experimenting with Node 12's Async Stack Traces
Node 12 isn’t here yet but that doesn’t have to stop you experimenting with a new option that aims to make debugging async functions easier. - http://amp.gs/VeRJ
#nodejs
Node 12 isn’t here yet but that doesn’t have to stop you experimenting with a new option that aims to make debugging async functions easier. - http://amp.gs/VeRJ
#nodejs
The Code Barbarian
Async Stack Traces in Node.js 12
Node.js 12 includes experimental support for async stack traces, so no more stack traces that end with `nextTick()`. Here's what you need to know.