Data Fetching Using Vue Hooks
Composition API (sometimes referred to as "hooks," though we'd discourage using this name to avoid any confusion with Instance Lifecycle Hooks) is certainly one of the most anticipated new features in Vue 3, if not the most anticipated itself. In this article, Darren takes the most commonly-seen feature of a web app – fetching data – and shows us how it can be written with composition API, additionally with the use of swrw. - http://amp.gs/JrQW
#vue
Composition API (sometimes referred to as "hooks," though we'd discourage using this name to avoid any confusion with Instance Lifecycle Hooks) is certainly one of the most anticipated new features in Vue 3, if not the most anticipated itself. In this article, Darren takes the most commonly-seen feature of a web app – fetching data – and shows us how it can be written with composition API, additionally with the use of swrw. - http://amp.gs/JrQW
#vue
Darren Jennings
Data Fetching using Vue Hooks
Learn about data fetching using vue hooks, and how to use swrv, a stale-while-revalidate data fetching library for the vue composition api.
👍1
Ionic 5 Released: A Popular Webapp + Native Framework
Ionic’s goal is to get you an app you can put on an app store and the Web with a single shared codebase, yet with adaptive styling to look native in each case. It was originally focused on Angular but now has an official React integration. - http://amp.gs/JSQG
#ionic
Ionic’s goal is to get you an app you can put on an app store and the Web with a single shared codebase, yet with adaptive styling to look native in each case. It was originally focused on Angular but now has an official React integration. - http://amp.gs/JSQG
#ionic
Ionic Blog
Announcing Ionic 5!
Today, I’m thrilled to announce Ionic Framework 5 (Magnesium)! 🎉 This release includes iOS 13 design updates, a brand new API for creating your own custom animations, revamped Ionicons, updated Ionic colors, new starter designs, improvements to component…
Upgrade to Angular 9 — Within 10 Minutes
In this article, learn how to update your existing project to the new version of Angular now easily. - http://amp.gs/JAzR
#angular
In this article, learn how to update your existing project to the new version of Angular now easily. - http://amp.gs/JAzR
#angular
70 JavaScript Interview Questions
You’re never going to get a list like this that’s perfect but it’s a pretty solid list of the sorts of questions (and answers) you could get thrown at an interview, so if you’re in that position. - http://amp.gs/JA5i
#javascript #interview
You’re never going to get a list like this that’s perfect but it’s a pretty solid list of the sorts of questions (and answers) you could get thrown at an interview, so if you’re in that position. - http://amp.gs/JA5i
#javascript #interview
DEV Community
70 JavaScript Interview Questions
Hi Guys Good Day and a Happy New Year 🎆🎆🎆! This is a long one, so bear with me for a secon...
The Hooks of React Router
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing – this article is a handy primer to what’s new. - http://amp.gs/JqWI
#react
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing – this article is a handy primer to what’s new. - http://amp.gs/JqWI
#react
CSS-Tricks
The Hooks of React Router
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are
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