A Different, Experimental Way to Manage State in React?
“What if some central entity had a view of your entire application and knew the relationships between every property in your store and every component on your page?” Enter recollect. There’s a lot to chew on here. - http://bit.ly/2FttNiK
#react
“What if some central entity had a view of your entire application and knew the relationships between every property in your store and every component on your page?” Enter recollect. There’s a lot to chew on here. - http://bit.ly/2FttNiK
#react
Hacker Noon
A different way to manage state in React
Imagine a React app that shows a list of tasks.
A Personal Review of Automated Testing Tools in the JavaScript World - http://bit.ly/2RWOLrt
#testing #tools
#testing #tools
ITNEXT
A personal review of automated testing tools in the JavaScript world
My “2 cents” of some open source tools that I have used or have been using to ensure quality in software development projects
Angular 7 Forms Tutorial Example
Angular 7 Forms Tutorial Example is today’s leading topic. For this example, we will use Reactive forms. Reactive forms provide the model-driven approach to handle the form inputs whose values are changing over time. Reactive forms use the specific and immutable approach to managing the state of the form at the given point of time. Each change to the form state returns the new state, which maintains the integrity of a model between the changes. - http://bit.ly/2Tj8Auu
#angular #forms
Angular 7 Forms Tutorial Example is today’s leading topic. For this example, we will use Reactive forms. Reactive forms provide the model-driven approach to handle the form inputs whose values are changing over time. Reactive forms use the specific and immutable approach to managing the state of the form at the given point of time. Each change to the form state returns the new state, which maintains the integrity of a model between the changes. - http://bit.ly/2Tj8Auu
#angular #forms
AppDividend
Angular 7 Forms Tutorial Example
Angular 7 Forms Tutorial Example. We will use Reactive forms. Reactive forms provide a model-driven approach to handling form inputs whose values changes.
Building a REST API with KoaJS
How to use Koa.js to write server-side code that uses Node as the runtime engine. - http://bit.ly/2Q4wuv9
#nodejs #koa
How to use Koa.js to write server-side code that uses Node as the runtime engine. - http://bit.ly/2Q4wuv9
#nodejs #koa
Medium
How to Build a REST API with KoaJS
There are quite a few Node.js frameworks available for web development to build a back-end server for a web or a mobile application. The…
Implementing a Variable Font With Fallback Web Fonts
Oliver Schöndorfer shows how to integrate a variable font on your website with classic web fonts as a fallback. - http://bit.ly/2DLCyTJ
#css #font
Oliver Schöndorfer shows how to integrate a variable font on your website with classic web fonts as a fallback. - http://bit.ly/2DLCyTJ
#css #font
Learn how to refactor Vue.js Single File Components on a real world example
Given the vue realworld project this blog article will show you how to refactor a simple Vue Single File Component. - http://bit.ly/2z61Dod
#vue
Given the vue realworld project this blog article will show you how to refactor a simple Vue Single File Component. - http://bit.ly/2z61Dod
#vue
Medium
Learn how to refactor Vue.js Single File Components with a real-world example
Refactoring a component from start to end to make the component more usable so that every developer who works on this code will be happy
How to Use Storybook in a React Project
Storybook is a tool for building and visualizing components in an isolated environment. - http://bit.ly/2TlpyZq
#react #storybook
Storybook is a tool for building and visualizing components in an isolated environment. - http://bit.ly/2TlpyZq
#react #storybook
blog.bam.tech
How to Use Storybook in a React Project
Discover how to use Storybook and its addons in a React Project to detect bugs faster and to make reusable components.
Are You Accessible? — A Primer on Web Accessibility
Amy Dickens gives an excellent, in-depth primer on web accessibility - http://bit.ly/2qOUvb8
#css
Amy Dickens gives an excellent, in-depth primer on web accessibility - http://bit.ly/2qOUvb8
#css
Medium
👉 Are you accessible? 👈 — A Primer on Web Accessibility
Accessibility of the world wide web hasn’t always been a number one priority for web developers (much to detriment of internet users)…
Angular 7 - User Registration and Login Example & Tutorial
In this tutorial we’ll go through an example of how to build a simple user registration and login system using Angular 7, TypeScript and webpack 4. - http://bit.ly/2K9CcGE
#angular
In this tutorial we’ll go through an example of how to build a simple user registration and login system using Angular 7, TypeScript and webpack 4. - http://bit.ly/2K9CcGE
#angular
Jasonwatmore
Angular 7 - User Registration and Login Example & Tutorial | Jason Watmore's Blog
Tutorial with example of how to implement user registration and login functionality with Angular 7, TypeScript and Webpack 4
Lazy-Loading Components in React 16.6
Code-splitting and lazy-loading React components with Suspense and React.lazy() - http://bit.ly/2zgeapn
#react
Code-splitting and lazy-loading React components with Suspense and React.lazy() - http://bit.ly/2zgeapn
#react
LogRocket Blog
Lazy loading React components - LogRocket Blog
Learn how to apply code-splitting and lazy loading to React components with React.lazy() and React.Suspense.
A Netflix Web Performance Case Study
An interesting look at how Netflix worked to improve the ‘time-to-interactive’ metric on their desktop Web experience. It involved both prefetching and ripping out React. - http://bit.ly/2DF4dVr
#web #performance
An interesting look at how Netflix worked to improve the ‘time-to-interactive’ metric on their desktop Web experience. It involved both prefetching and ripping out React. - http://bit.ly/2DF4dVr
#web #performance
Medium
A Netflix Web Performance Case Study
Improving Time-To-Interactive for Netflix.com on Desktop
Warn: Property or Method is Not Defined
Chances are if you’ve been developing with Vue for any amount of time, you’ve seen the error “Property or method is not defined.” This article breaks down the common reasons behind this error. - http://bit.ly/2DMwB8f
#vue
Chances are if you’ve been developing with Vue for any amount of time, you’ve seen the error “Property or method is not defined.” This article breaks down the common reasons behind this error. - http://bit.ly/2DMwB8f
#vue
Michaelnthiessen
Warn: Property or Method is Not Defined
Chances are if you've been developing with Vue for any amount of time, you've gotten this error: Property or method prop is not defined. Most of the time this error is because you misspelled a variable name somewhere. But there are other causes as well.
Using calc() to Change The Height of a Hero Component
For situations where you need to mix relative units and pixels. - http://bit.ly/2FDqdCs
#css
For situations where you need to mix relative units and pixels. - http://bit.ly/2FDqdCs
#css
CSS-Tricks
Fun Tip: Use calc() to Change the Height of a Hero Component | CSS-Tricks
The concept of Fluid Typography was tossed around a couple of years ago. The main idea is that if you know what size your font is at two different viewport
Building Universal Vue.js Apps with Nuxt.js - Sébastien Chopin
In this episode of Full-Stack Radio, Adam Wathan interviews Sébastien Chopin about Nuxt.js, a Next.js-inspired framework for building server-rendered client-side applications with Vue. - http://bit.ly/2S9WMtd
#vue #podcast
In this episode of Full-Stack Radio, Adam Wathan interviews Sébastien Chopin about Nuxt.js, a Next.js-inspired framework for building server-rendered client-side applications with Vue. - http://bit.ly/2S9WMtd
#vue #podcast
Going Beyond console.log()
While console.log() may form the basis of many people’s debugging strategies, the console object has a lot more to offer, as covered here. If you don’t know about console.assert or console.count, step in. - http://bit.ly/2TI23Kk
#javascript
While console.log() may form the basis of many people’s debugging strategies, the console object has a lot more to offer, as covered here. If you don’t know about console.assert or console.count, step in. - http://bit.ly/2TI23Kk
#javascript
Medium
Beyond console.log()
There is more to debugging JavaScript than console.log to output values. It might seem obvious I’m going to pimp the debugger, but…
Container Components with Angular
With the Model-View-Presenter design pattern it is easy to use any application state management library or pattern whether its a redux-like state container like the NgRx Store or simply plain old services as in the “Tour of Heroes” Angular tutorial. - http://bit.ly/2DKaFdT
#angular
With the Model-View-Presenter design pattern it is easy to use any application state management library or pattern whether its a redux-like state container like the NgRx Store or simply plain old services as in the “Tour of Heroes” Angular tutorial. - http://bit.ly/2DKaFdT
#angular
Angular In Depth
Container Components with Angular
Isolate and extract app state and other non-presentational logic from Angular components.
Making a Large-Scale App with Vue.js - Part 1
This article explains how to organize and manage your data store and API client if you’re building a large-scale application using Vue.js. - http://bit.ly/2DVBxZa
#vue
This article explains how to organize and manage your data store and API client if you’re building a large-scale application using Vue.js. - http://bit.ly/2DVBxZa
#vue
Medium
Making a large scale app with vue.js (part 1): modularize your store!
First part about things to do when building a vue.js large scale application.
Git Aliases I Can’t Live Without
A list of handy Git aliases inspired by the oh-my-zsh suite. - http://bit.ly/2FHPagd
#git
A list of handy Git aliases inspired by the oh-my-zsh suite. - http://bit.ly/2FHPagd
#git
Michał Konarski
Git aliases I can't live without
A list of handy Git aliases inspired by oh-my-zsh suite.
Generate SSL Certs for Local Development
A bash script for generating trusted self-signed SSL certs for local development on your Mac. - http://bit.ly/2r3x4uU
#ssl #cerf
A bash script for generating trusted self-signed SSL certs for local development on your Mac. - http://bit.ly/2r3x4uU
#ssl #cerf
GitHub
GitHub - kingkool68/generate-ssl-certs-for-local-development: A bash script for generating trusted self-signed SSL certs for local…
A bash script for generating trusted self-signed SSL certs for local development on your Mac - kingkool68/generate-ssl-certs-for-local-development