Create Diagonal Layouts Like It's 2020
Nils Binder demonstrates how to implement diagonal layouts using CSS transforms. - http://amp.gs/JiIr
#css
Nils Binder demonstrates how to implement diagonal layouts using CSS transforms. - http://amp.gs/JiIr
#css
9elements Blog
CSS Tutorial: Create Diagonal Layouts Like It's 2020
Layouts with diagonal sections are quite popular for several years now. You will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. It is one tool designers can use to bring some dynamic to all the rectangular…
Node Async Best Practices and Avoiding 'Callback Hell'
A look at the tools and techniques at your disposal when handling asynchronous operations. - http://amp.gs/Jiao
#nodejs
A look at the tools and techniques at your disposal when handling asynchronous operations. - http://amp.gs/Jiao
#nodejs
RisingStack Engineering
Node.js Async Best Practices & Avoiding the Callback Hell - RisingStack Engineering
This post covers what tools and techniques you have at your disposal when handling Node.js asynchronous operations. Learn how to avoid the callback hell !
Using State Machines in Vue.js with XState
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState. Instead of defining imperative UI flows, and lose track of their logic, state machines make them first-class citizens by letting you model them decoratively. They’re the closest thing to an actual flowchart, which is how a product manager or a UI designer would likely design the experience of a product. XState works within any JavaScript and TypeScript project, including Vue. - http://amp.gs/JDwd
#vue
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState. Instead of defining imperative UI flows, and lose track of their logic, state machines make them first-class citizens by letting you model them decoratively. They’re the closest thing to an actual flowchart, which is how a product manager or a UI designer would likely design the experience of a product. XState works within any JavaScript and TypeScript project, including Vue. - http://amp.gs/JDwd
#vue
frontstuff.io
Using State Machines in Vue.js with XState | frontstuff
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState.
👍1
4 Methods to Search Through Arrays
includes, find, indexOf, and filter. - http://amp.gs/JuWa
#javascript
includes, find, indexOf, and filter. - http://amp.gs/JuWa
#javascript
👍1
Getting inside Angular's ElementSchemaRegistry Mechanism
In this article, we'll explore the mechanics of template checking in Angular. We'll become familiar with ElementSchemaRegistry, its implementations like NO_ERRORS_SCHEMA and its usages. - http://amp.gs/JJ0H
#angular
In this article, we'll explore the mechanics of template checking in Angular. We'll become familiar with ElementSchemaRegistry, its implementations like NO_ERRORS_SCHEMA and its usages. - http://amp.gs/JJ0H
#angular
React Internationalization with i18next
“When my last client asked me about internationalization in React, I went through all the hoops to prepare a presentation for them. In this React tutorial, I want to show you the gist of what I have learned about translating a React application.” - http://amp.gs/J00F
#react
“When my last client asked me about internationalization in React, I went through all the hoops to prepare a presentation for them. In this React tutorial, I want to show you the gist of what I have learned about translating a React application.” - http://amp.gs/J00F
#react
www.robinwieruch.de
React Internationalization with i18n
A React tutorial about internationalization in React with i18n for translating texts to many languages for your React application ...
Custom Styling Form Inputs With Modern CSS Features
Aaron Iker demonstrates how to build semantic and accessible custom checkboxes, radio buttons, and toggle switches. - http://amp.gs/JKam
#css
Aaron Iker demonstrates how to build semantic and accessible custom checkboxes, radio buttons, and toggle switches. - http://amp.gs/JKam
#css
CSS-Tricks
Custom Styling Form Inputs With Modern CSS Features | CSS-Tricks
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a
Recreating Vue 3 Reactivity API (roughly)
An article inspired by the talk Jason Yu has given last year that shows how to build a Vue 3.0-like Reactivity API. The difference though, is that in this attempt Jason is actually using TypeScript (unlike during the talk). Really good read! - http://amp.gs/J3sT
#vue
An article inspired by the talk Jason Yu has given last year that shows how to build a Vue 3.0-like Reactivity API. The difference though, is that in this attempt Jason is actually using TypeScript (unlike during the talk). Really good read! - http://amp.gs/J3sT
#vue
DEV Community
Recreating Vue 3 Reactivity API (roughly)
This article is roughly based off the talk I gave on 20th November 2019 at Vue.js London #13 meet...
7 Ways to Leverage HttpInterceptors in Angular
HttpInterceptors, as their name suggests, intercept Http requests made in an Angular app. Intercepting means that they catch and channel the Http requests, before passing it on to the webserver. - http://amp.gs/J2OB
#angular
HttpInterceptors, as their name suggests, intercept Http requests made in an Angular app. Intercepting means that they catch and channel the Http requests, before passing it on to the webserver. - http://amp.gs/J2OB
#angular
Medium
7 Ways to Leverage HttpInterceptors in Angular
Useful implementations of Angular’s HttpInterceptor
How to Do GraphQL Pagination with Cursors in Apollo React - https://www.youtube.com/watch?v=lNtQbn7qN-8
#react #graphql #video
#react #graphql #video
YouTube
GraphQL Pagination with Cursors in Apollo React
Apollo provides a function made for fetching additional paginated results, but it isn't directly obvious how it works! In this video we will walk through Cursor based GraphQL Pagination in Apollo React.
Source code: https://github.com/leighhalliday/apollo…
Source code: https://github.com/leighhalliday/apollo…
Create an i18n Plugin with Composition API in Vue.js 3
An example on how to use the inject and provide functions to create an i18n plugin using Composition API in Vue.js 3. - http://amp.gs/Jw4T
#vue
An example on how to use the inject and provide functions to create an i18n plugin using Composition API in Vue.js 3. - http://amp.gs/Jw4T
#vue
vuedose
Create a i18n Plugin with Composition API in Vue.js 3
A example on how to use the inject and provide functions to create a i18n plugin using Composition API in Vue.js 3.
How to Setup Webpack and Babel 7 for React
If you’ve learned to get a React project up and running using create-react-app, this is a nice detailed tutorial to take that to the next level using two popular tools. - http://amp.gs/JFtM
#webpack
If you’ve learned to get a React project up and running using create-react-app, this is a nice detailed tutorial to take that to the next level using two popular tools. - http://amp.gs/JFtM
#webpack
Hackernoon
How to Setup Webpack and Babel 7 for React | HackerNoon
All of us have used CRA(create-react-app) when we worked with React. Its an awesome tool. It gives us just to focus on React by letting take care of the configuration. Today we are going to learn how to setup Webpack and Babel for our React app.
CSS Motion Path: The end of GSAP?
Facundo Corradini demonstrates how the Motion Path module makes CSS animations more powerful, with many use cases that we’re just beginning to discover. - http://amp.gs/JFrU
#css
Facundo Corradini demonstrates how the Motion Path module makes CSS animations more powerful, with many use cases that we’re just beginning to discover. - http://amp.gs/JFrU
#css
LogRocket Blog
CSS Motion Path: The end of GSAP? - LogRocket Blog
Find out how CSS Motion Path enables you to use CSS in your animations to complete tasks you used to need JavaScript for.
Using Apollo GraphQL with Angular in an Nx Workspace
Nx is a set of extensible dev tools for monorepos. Because of the robust support for a diverse ecosystem of JavaScript development, it enables you to build your entire full-stack application in a single repo. This allows you to share code and interfaces between your frontend and backend and acts as a multiplier on your development velocity. - http://amp.gs/JXT6
#angular
Nx is a set of extensible dev tools for monorepos. Because of the robust support for a diverse ecosystem of JavaScript development, it enables you to build your entire full-stack application in a single repo. This allows you to share code and interfaces between your frontend and backend and acts as a multiplier on your development velocity. - http://amp.gs/JXT6
#angular
Medium
Using Apollo GraphQL with Angular in an Nx Workspace
Nx is a set of extensible dev tools for monorepos. Because of the robust support for a diverse ecosystem of JavaScript development, it…
Building an Accessible Autocomplete Control
Learn how to design and build an accessible autocomplete control from scratch. - http://amp.gs/JXJ3
#javascript
Learn how to design and build an accessible autocomplete control from scratch. - http://amp.gs/JXJ3
#javascript
Mining My Mailbox for Top Email Service Providers with Node
This isn’t exactly a tutorial but there’s enough code for you to be able to follow along if you want. - http://amp.gs/JLZp
#nodejs
This isn’t exactly a tutorial but there’s enough code for you to be able to follow along if you want. - http://amp.gs/JLZp
#nodejs
obem.be
Mining my mailbox for top email service providers
I was reviewing some stats for Mailintel and was curious about what email service top apps use; being particularly interested in transactional email services. Is there a way I can go through my mai...
When To Use The New Vue Composition API (And When Not To)
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? - http://amp.gs/JLKP
#vue
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? - http://amp.gs/JLKP
#vue
When To Use The New Vue Composition API (And When Not To)
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps?
Animated Matryoshka Dolls in CSS
Jhey Tompkins shows how to create a fun and interactive set of Matryoshka dolls where they nest inside one another in CSS. - http://amp.gs/JWdO
#css
Jhey Tompkins shows how to create a fun and interactive set of Matryoshka dolls where they nest inside one another in CSS. - http://amp.gs/JWdO
#css
CSS-Tricks
Animated Matryoshka Dolls in CSS | CSS-Tricks
Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS?
11 Top React Native Developer Tools
Some useful React Native tools worth knowing about. - http://amp.gs/Ja7k
#reactnative
Some useful React Native tools worth knowing about. - http://amp.gs/Ja7k
#reactnative
Medium
11 Top React Native Developer Tools for 2020
Useful React Native developer tools you should know in 2020.
What’s Actually New in Angular 9?
We featured the release of Angular 9 a couple of weeks ago – this post digests the release. - http://amp.gs/JoxP
#angular
We featured the release of Angular 9 a couple of weeks ago – this post digests the release. - http://amp.gs/JoxP
#angular
Auth0 - Blog
Angular 9: What’s New?
Learn about the top seven features and upgrades we get with Angular 9