The 10 Component Commandments

A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U

#react

Having fun with Angular and Typescript Transformers

Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw

#angular

10 Things You Should Know Before Writing Your Next Vuejs Component

Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a

#vue

Debugging JavaScript Like a Pro with Google Chrome

Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H

#javascript

How to Do Scroll-Linked Animations the Right Way

Alvin Wan describes how to create scroll-linked animations.
- http://amp.gs/O5J8

#css

Avoiding Recursive useEffect Hooks

The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9

#react

Optimizing Google Fonts Performance

Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03

#fonts

Building a CRUD App with Vue and GraphQL

Let’s put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/O6Np

#vue #graphql

How to Boost Angular Performance with Lazy Loading (Part 3)

Lazy loading modules are a great feature to incorporate in your projects and in most cases, the functionality is enough. But what happens when you are using non-routable modules? As a developer, you probably already know that component templates are not always fixed and you may need to dynamically create and load components at runtime. In part 3 of 3, we’ll guide you through a step by step solution for how to load dynamically, at runtime, a predefined set of modules and components in your application, all while taking advantage of the optimization benefits of using Ahead-of-Time compilation. - http://amp.gs/Obsh

#angular

Confused by const? Me Too!

Constants in JavaScript don’t necessarily behave the way you think they would, and unless you’re storing an unchanging, primitive value, maybe you should use let suggests Brian. - http://amp.gs/rILN

#javascript

One Simple Trick to Optimize React Re-renders

An illustration of a natural, built-in performance optimization that doesn’t require using things like React.memo, PureComponent, or shouldComponentUpdate. - http://amp.gs/rj3P

#react

The guide to designing user-friendly forms

A great and extensive walkthrough of do's and don'ts when designing forms - http://amp.gs/r82Q

#design

How to Build a JAMstack Website using Vue.js, Nuxt.js and Cosmic JS

Cosmic JS is a headless, API-first CMS. - http://amp.gs/rTHo

#vue #nuxtjs

The ultimate guide to set up your Angular library project

Angular is such an awesome framework, and we all love it 😍 It’s a complete tool kit that helps us build amazing stuff. And it gets even better. Angular also contains a great community. A community which continually grows and pushes Angular forward.
Therefore, it is not surprising that the framework has a massive ecosystem around it. From useful services to fully featured component libraries, the Angular ecosystem provides it all.
- http://amp.gs/rzez

#angular

The Cost of JavaScript in 2019

Almost a year ago, we linked to Addy Osmani’s Cost of JavaScript in 2018 article, and he’s back with an update for 2019 in both video and article forms. If you want to get a feel for where the true bottlenecks are with JavaScript right now, this is a must read. - http://amp.gs/rzaN

#javascript

Why Text Buttons Hurt Mobile Usability

Want to increase mobile tap-through rates? Stop using text buttons for your call to actions. - http://amp.gs/r1db

#design

An Approach to Responsive Layouts Based On CSS Custom Properties and EM Units

How to set smart variables that control the responsiveness of your web project. - http://amp.gs/r16P

#css

Setup nuxt internationalization with vue-i18n

Setup nuxt internationalization with vue-i18n. - http://amp.gs/rYVH

#vue

The Secret of Good Electron Apps

Without being too spoilery, the ‘secret’ to making better Electron apps is to take as much of the processing local to the app itself rather than relying entirely upon remote services (i.e. just being a glorified Web browser). - http://amp.gs/rtnV

#electron

Optimize User Experience While Your Angular App Loads

There are applications which require loading some crucial data before users are allowed to use them. For example, the application that the author of this article created has multilingual support and white label capabilities; Therefore, they need to pre-emptively fetch from the server the user’s data, such as localization, internationalization settings, and theme color schema, and make it available to their components, before allowing the user to interact with them. - http://amp.gs/rt6F

#angular