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

5 Keys to Accessible Web Typography

Matej Latin shares some advice on creating accessible fluid web typography. - http://amp.gs/rZja

#css

An Introduction into Stencil.js

Stencil is a compiler that generates Web Components developed by the Ionic team. - http://amp.gs/rp8k

#webcomponent #stencil

How I Made It Easy To Develop Vue.js With Server-Side Rendering

In this tutorial, you'll learn how to set up Vue.js server-side rendering from scratch with cool features like CSS modules and code-splitting, as well as a hot-module reloading environment for fast development. - http://amp.gs/rpLN

#vue

What Are Higher-Order Functions, and Why Should You Care?

The latest in James Sinclair’s fantastic series of functional-focused articles. This time, he deftly tackles what everyone means by “higher-order function” and why you might use them. - http://amp.gs/rl2S

#javascript

Detect Responsive Screen Sizes in Angular

Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for that. We need to handle the responsiveness in our code. - http://amp.gs/rBwB

#angular

Avoiding Derived State in React

“Deriving state at render time and using memoization to keep it performant where needed should help you tame any derived state problems you encounter.” - http://amp.gs/rniv

#react

Menu (or Not)

Marcus Herrmann explains how to implement an accessible navigation menu. - http://amp.gs/rGqq

#css

How To Create A PDF From Your Web App

Rachel Andrew takes a look at the tools that are available for creating a PDF from a web app, sharing recommendations to help find the tool that works best for you. - http://amp.gs/rxiM

#web #pdf

Building Reusable Components

A brief, introductory look at making a component more reusable by making it more generic and less tied to specific logic. - http://amp.gs/rCvc

#react