Front End Architecture — Making rebuild from scratch not so painful
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want to. - https://goo.gl/tqU9X1
#frontEnd
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want to. - https://goo.gl/tqU9X1
#frontEnd
Medium
Front End Architecture — Making rebuild from scratch not so painful
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want…
Dragon Drop
Dragon Drop is an accessible drag and drop list reorder module. - https://goo.gl/LLnmUj
#react
Dragon Drop is an accessible drag and drop list reorder module. - https://goo.gl/LLnmUj
#react
GitHub
GitHub - schne324/dragon-drop: Accessible drag and drop list reorder module
Accessible drag and drop list reorder module. Contribute to schne324/dragon-drop development by creating an account on GitHub.
Getting Started with Azure Functions and MongoDB
How to set up a Node-based Azure Function that connects to MongoDB and, importantly, reuses the database connection between requests. - https://goo.gl/6o5FqG
#azure #mongoDB
How to set up a Node-based Azure Function that connects to MongoDB and, importantly, reuses the database connection between requests. - https://goo.gl/6o5FqG
#azure #mongoDB
The Code Barbarian
Getting Started With Azure Functions and MongoDB
Serverless architectures are becoming increasingly popular, but, when using
Using Node to Call a GraphQL API
As a personal aside, GitHub’s GraphQL API is absolutely amazing. It’s streets ahead of the REST API for pulling out the data you want if that data spans multiple data models. - https://goo.gl/atAEFB
#nodejs
As a personal aside, GitHub’s GraphQL API is absolutely amazing. It’s streets ahead of the REST API for pulling out the data you want if that data spans multiple data models. - https://goo.gl/atAEFB
#nodejs
ITNEXT
Using Node to call a GraphQL API
With native modules
Building a Serverless CMS Powered by Vue.js
Serverless architectures allow developers to create and fine-tune products efficiently without the maintenance and scaling bottlenecks of servers. In this tutorial, you’ll learn how to build a serverless Vue.js application using ButterCMS, a headless CMS and blogging platform. - https://goo.gl/sZXc7i
#vue #cms
Serverless architectures allow developers to create and fine-tune products efficiently without the maintenance and scaling bottlenecks of servers. In this tutorial, you’ll learn how to build a serverless Vue.js application using ButterCMS, a headless CMS and blogging platform. - https://goo.gl/sZXc7i
#vue #cms
CSS-Tricks
Building a Serverless CMS Powered by Vue.js
In this tutorial, you’ll learn how to build a serverless Vue.js application using ButterCMS. ButterCMS is a headless CMS and blogging platform that lets you build CMS-powered apps using any programming language, including Vue.
Cache Recipes: Using the CacheStorage API
A combination of cacheing patterns using the CacheStorage API in JavaScript, with real world app use cases, examples and code snippets. - https://goo.gl/CNZasG
#mobile
A combination of cacheing patterns using the CacheStorage API in JavaScript, with real world app use cases, examples and code snippets. - https://goo.gl/CNZasG
#mobile
Medium
Cache Recipes
Combination of `cache`ing patterns in javascript. With real world app use cases, examples and code snippets…
How to Write Powerful Schemas in JavaScript
An introduction to schm, a library for building schemas in a functional and composable way. - https://goo.gl/DoWYyP
#javascript #schm
An introduction to schm, a library for building schemas in a functional and composable way. - https://goo.gl/DoWYyP
#javascript #schm
freeCodeCamp
How to write powerful schemas in JavaScript
Introducing schm, a functional and highly composable library for creating schemas in JavaScript and Node.js
CSS Grid Application Layout in Production
Philipp Sporrer shares how their team reimplemented an application layout in CSS Grid, what benefits they saw and how they were able to support IE11. - https://goo.gl/26Luya
#css
Philipp Sporrer shares how their team reimplemented an application layout in CSS Grid, what benefits they saw and how they were able to support IE11. - https://goo.gl/26Luya
#css
Medium
CSS Grid Application Layout in Production
Application layout using CSS Grid in a IE11 compatible way
Update on Async Rendering
Brian Vaughn shares some of the lessons the React team have learned while working on the update and async rendering features, plus some recipes to help prepare your components for the launch - https://goo.gl/2zBY8i
#react
Brian Vaughn shares some of the lessons the React team have learned while working on the update and async rendering features, plus some recipes to help prepare your components for the launch - https://goo.gl/2zBY8i
#react
reactjs.org
Update on Async Rendering – React Blog
For over a year, the React team has been working to implement asynchronous rendering. Last month during his talk at JSConf Iceland, Dan unveiled some of the exciting new possibilities async rendering unlocks . Now we’d like to share with you some of the…
What’s New with V8 v6.6
Due to be released with Chrome 66 in a few weeks, the latest version of the V8 JavaScript engine changes the behavior of Function.prototype.toString(), adds trimStart() and trimEnd() methods to strings, has improved code caching, major async and array performance improvements, and more. - https://goo.gl/YJ6qaX
#chrome
Due to be released with Chrome 66 in a few weeks, the latest version of the V8 JavaScript engine changes the behavior of Function.prototype.toString(), adds trimStart() and trimEnd() methods to strings, has improved code caching, major async and array performance improvements, and more. - https://goo.gl/YJ6qaX
#chrome
Blogspot
V8 release v6.6
A blog by the V8 team for JavaScript enthusiast that want to get a glimpse 'under the hood' of Chrome's JavaScript engine.
Adding Favicons in a Multi-Browser Multi-Platform World
A refresher on what needs to be done to have a favicon show up everywhere you’d expect it to - https://goo.gl/5y2pRb
#mobile
A refresher on what needs to be done to have a favicon show up everywhere you’d expect it to - https://goo.gl/5y2pRb
#mobile
mobiForge
Adding favicons in a multi-browser multi-platform world - mobiForge
Favicons: they used to be so easy. A simple 16×16 pixel favicon.ico bitmap used to do the trick, but over the past 20 years or so things have changed. We review how to add favicons to satisfy the major browsers and platforms.
Authoring Validatable Custom Vue Input Components
Building Vue.js components is very fun and straightforward, you can build almost anything and it will work most of the time. - https://goo.gl/sHJmir
#vue
Building Vue.js components is very fun and straightforward, you can build almost anything and it will work most of the time. - https://goo.gl/sHJmir
#vue
Medium
Authoring Validatable Custom Vue Input Components – Abdelrahman Awad – Medium
Tips on creating versatile custom inputs with VeeValidate
W Descriptors and Sizes: Under the Hood
Eric Portis explains the mechanics of srcset and sizes, and how exactly browsers use it to load images responsively. - https://goo.gl/NpKtt2
#css
Eric Portis explains the mechanics of srcset and sizes, and how exactly browsers use it to load images responsively. - https://goo.gl/NpKtt2
#css
Observablehq
w descriptors and sizes: Under the hood
An Observable notebook by Eric Portis
A Slack App Step-by-Step: A Real-Life Example
A thorough walkthrough of what building a Slack app with Node and Express.js entails. - https://goo.gl/GoLpZv
#nodejs
A thorough walkthrough of what building a Slack app with Node and Express.js entails. - https://goo.gl/GoLpZv
#nodejs
X-Team Blog - Commit. Push. Unleash.
A Slack App Step-by-Step
If you want to learn how to extend Slack's functionalities with your own slash commands, look no further.
React 16.3 Released with StrictMode and an Official Context API
Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV
#react
Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV
#react
reactjs.org
React v16.3.0: New lifecycles and context API – React Blog
A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods , including gradual migration strategies. In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for…
The Vue from React: Building Apps with Vue Using My Knowledge of React
UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx
#vue
UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx
#vue
Medium
The Vue from React: Building apps with Vue using my knowledge of React
A couple weeks ago I got this crazy idea to try out a new front end framework that isn’t React.
12 Chrome DevTools Tips and Tricks
The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72
#chrome #tools #tips
The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72
#chrome #tools #tips
freeCodeCamp
Cool Chrome DevTools tips and tricks you wish you knew already
Check out my overview of Chrome DevTools if you’re new to them
A Practical Introduction to React Router 4
A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe
#react #router
A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe
#react #router
Auth0 - Blog
React Router 4: A Practical Introduction
A gentle introduction to React Router 4 through practical examples.
The Ultimate Guide to Background Images in Email
If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b
#email
If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b
Litmus Software, Inc.
The Ultimate Guide to Background Images in Email – Litmus Software, Inc.
Learn everything you need to know to use background images in HTML email campaigns—from design to coding—with plenty of examples for inspiration.
Cropping Away Negative Impacts of Line Height
Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo
#css
Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo
#css
Medium
Cropping Away Negative Impacts of Line Height
Getting rid of pesky space above and below HTML text