The State Reducer Pattern with React Hooks
A pattern for you to use in custom hooks to enhance their power and flexibility. - http://amp.gs/RsQp
#react #hooks
A pattern for you to use in custom hooks to enhance their power and flexibility. - http://amp.gs/RsQp
#react #hooks
Kentcdodds
The State Reducer Pattern with React Hooks
A pattern for you to use in custom hooks to enhance the power and flexibility of your hooks.
Building a Food Store using Redux and Angular
When applications get complex, it can be difficult to manage their data. In this tutorial, learn how to use the state management library Redux to build a food store that displays items and lets users add them to a shopping cart - http://amp.gs/RiXK
#angular
When applications get complex, it can be difficult to manage their data. In this tutorial, learn how to use the state management library Redux to build a food store that displays items and lets users add them to a shopping cart - http://amp.gs/RiXK
#angular
Telerik Blogs
Building a Food Store using Redux and Angular
When applications get complex, it can be difficult to manage their data. Learn how to use the state management library Redux to build a food store.
Managing z-index in a Component-Based Web Application
The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues. - http://amp.gs/RD3P
#css
The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues. - http://amp.gs/RD3P
#css
Smashing Magazine
Managing Z-Index In A Component-Based Web Application — Smashing Magazine
The z-index property, despite all that’s written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues.
Add Authentication and Authorization to Vue.js Apps with Auth0 and GraphQL
Add authentication to Vue.js app with Auth0. Authorization using JWT and Hasura GraphQL permissions. - http://amp.gs/RuR9
#vue
Add authentication to Vue.js app with Auth0. Authorization using JWT and Hasura GraphQL permissions. - http://amp.gs/RuR9
#vue
Hasura GraphQL Engine Blog
Add authentication & authorization to vue.js apps with auth0 & graphQL
Add authentication to Vue.js app with Auth0. Authorization using JWT and Hasura GraphQL permissions.
A sample Vue.js app protected by login to fetch articles written by logged in user.
A sample Vue.js app protected by login to fetch articles written by logged in user.
Getting Creative with the console API
If console.log is as far as your knowledge of the console object goes, this could be very handy. There are so many useful functions in there that’ll help you out while debugging. - http://amp.gs/R09Y
#javascript
If console.log is as far as your knowledge of the console object goes, this could be very handy. There are so many useful functions in there that’ll help you out while debugging. - http://amp.gs/R09Y
#javascript
Arek Nawo
Getting creative with the Console API!
Make your console.logs fancier and more stylish with unknown, yet standardized methods! #javascript #webdevelopment #webdev #programming #debugging #console #bugs #style
Stop Using So Many DIVs: An Intro to Semantic HTML
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
DEV Community
Stop using so many divs! An intro to semantic HTML
Sure, divs are great and all, but they give no information about their purpose within the document structure. HTML5 has been around for a while now, and there are better options.
Lazy Loading External JavaScript Libraries in Angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from plain JavaScript libraries. In these cases, we can either include external JavaScript libraries in theindex.html header/body, or include them in angular.json which will be bundled via Angular CLI. - http://amp.gs/R3n9
#angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from plain JavaScript libraries. In these cases, we can either include external JavaScript libraries in theindex.html header/body, or include them in angular.json which will be bundled via Angular CLI. - http://amp.gs/R3n9
#angular
codeburst
Lazy Loading External JavaScript Libraries in Angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from…
How to Use Domain-Oriented Observability
When Martin Fowler puts his editorial backing behind an article, I pay attention! Here’s a thorough walk through of an approach to adding business-relevant observability to JavaScript code in a clean, testable way. - http://amp.gs/RHZs
#nodejs
When Martin Fowler puts his editorial backing behind an article, I pay attention! Here’s a thorough walk through of an approach to adding business-relevant observability to JavaScript code in a clean, testable way. - http://amp.gs/RHZs
#nodejs
martinfowler.com
Domain-Oriented Observability
Add observability to your code without adding cruft to your domain logic or compromising on testability.
You Don't Need jQuery: Doing Things the Vanilla JS Way
There have been a few projects of this sort over the years (such as You Might Not Need jQuery) but seeing how to perform common DOM related operations with vanilla JavaScript always gets a thumbs up from me. Note: jQuery is still a great library and has many valid use cases. Don’t migrate away if you don’t want to! - http://amp.gs/RH66
#javascript
There have been a few projects of this sort over the years (such as You Might Not Need jQuery) but seeing how to perform common DOM related operations with vanilla JavaScript always gets a thumbs up from me. Note: jQuery is still a great library and has many valid use cases. Don’t migrate away if you don’t want to! - http://amp.gs/RH66
#javascript
GitHub
GitHub - nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript. - GitHub - nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuer...
Enforcing Accessibility Best Practices with Automatically-Generated IDs
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
Brad Frost
Enforcing Accessibility Best Practices with Automatically-Generated IDs
One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don't…
Understanding Angular’s ViewEncapsulation
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options available for components, and thus specifies the strategy on how styles are applied to a component. By default, styles are appended to the document’s <head> and is encapsulation emulated, but there are other options as well. - http://amp.gs/Rw0D
#angular
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options available for components, and thus specifies the strategy on how styles are applied to a component. By default, styles are appended to the document’s <head> and is encapsulation emulated, but there are other options as well. - http://amp.gs/Rw0D
#angular
Medium
Understanding Angular’s ViewEncapsulation
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options…
Browser Rendering Optimizations for Frontend Development
Explores the conditions that can enable (and prevent) a web app to run (optimally) at 60 frames per second. - http://amp.gs/RFlB
#optimization
Explores the conditions that can enable (and prevent) a web app to run (optimally) at 60 frames per second. - http://amp.gs/RFlB
#optimization
Announcing TypeScript 3.4
The optionally static typed JavaScript superset takes another step forward introducing faster incremental builds, type inference improvements, and const assertions. - http://amp.gs/RFqo
#typescript
The optionally static typed JavaScript superset takes another step forward introducing faster incremental builds, type inference improvements, and const assertions. - http://amp.gs/RFqo
#typescript
TypeScript
Announcing TypeScript 3.4 | TypeScript
Today we’re happy to announce the availability of TypeScript 3.4! If you haven’t yet used TypeScript, it’s a language that builds on JavaScript that adds optional static types. The TypeScript project provides a compiler that checks your programs based on…
How to Create Better Themes With CSS Variables
Michelle Barker explores what makes CSS variables special and some of the ways in which they can benefit us today - http://amp.gs/RXn7
#css
Michelle Barker explores what makes CSS variables special and some of the ways in which they can benefit us today - http://amp.gs/RXn7
#css
LogRocket Blog
How to create better themes with CSS variables - LogRocket Blog
CSS variables let you define values for reuse throughout a CSS file , opening the door to more efficient theming capabilities — no preprocessors necessary.
A handful of pointers to power up your Vue app development
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. - http://amp.gs/RXD9
#vue
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. - http://amp.gs/RXD9
#vue
Medium
A handful of pointers to power up your Vue app development
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. Its ease of use and robust ecosystem make it great for…
Building an extensible Dynamic Pluggable Enterprise Application with Angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin, which can share common code with other plugins and even work with Angular universal. This is an unofficial solution, but it works well for our case. - http://amp.gs/RLZx
#angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin, which can share common code with other plugins and even work with Angular universal. This is an unofficial solution, but it works well for our case. - http://amp.gs/RLZx
#angular
Angular In Depth
Building an extensible Dynamic Pluggable Enterprise Application with Angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin.
Web Components Will Replace Your Frontend Framework
A bold claim but Danny makes a lot of good points and shows off the basic concepts well. - http://amp.gs/RL5S
#webcomponents
A bold claim but Danny makes a lot of good points and shows off the basic concepts well. - http://amp.gs/RL5S
#webcomponents
Node.js's New 'Enterprise Focus Group'
The new group will act as a way to gain feedback from “companies with a large technology footprint, defined here as 50+ projects, that are building on or using Node.js”.. so if that’s you, consider signing up. - http://amp.gs/RWKo
#nodejs
The new group will act as a way to gain feedback from “companies with a large technology footprint, defined here as 50+ projects, that are building on or using Node.js”.. so if that’s you, consider signing up. - http://amp.gs/RWKo
#nodejs
Medium
Introducing the Node.js Enterprise Focus Group
This blog was contributed by the Node.js User Feedback team.
The Trouble with Implementing SSR in a Laravel/Vue app
Are you trying to integrate server-side rendering into an existing Laravel/Vue application? This post covers the main issues the author ran into and will provide some tips along the way.
- http://amp.gs/RaAu
#vue
Are you trying to integrate server-side rendering into an existing Laravel/Vue application? This post covers the main issues the author ran into and will provide some tips along the way.
- http://amp.gs/RaAu
#vue
DEV Community
The trouble with implementing SSR into a Laravel/Vue app
Originally posted at michaelzanggl.com. Subscribe to my newsletter to never miss out on new content....