How to Lazy Load a Component in Angular

This article explains various ways of lazy loading a component in Angular, including via an import statement inside an async-await function and via the then method. - http://amp.gs/arsF

#angular

Which To Choose in 2020: NextJS or Gatsby?

Up until a few months ago, choosing between NextJS and Gatsby was easy. Need to make a static site, like for a blog or help page where the content doesn’t change too often? Cool, choose Gatsby. Need to build a site with server-side rendering, like an e-commerce store with thousands of items? Great, NextJS it is. - http://amp.gs/aS0b

#react #nextjs

A Quick Introduction to Elasticsearch for Node Developers

Got documents or data to offer search functionality over? Elasticsearch is a fantastic option. - http://amp.gs/aNwD

#nodejs

Chasing the Pixel-Perfect Dream

Josh W Comeau explains why you shouldn’t chase universal design consistency, but rather make experience internally consistent, and faithful to the spirit of the design. - http://amp.gs/aAD6

#css

Frontend Architectural Patterns: Backends-For-Frontends

The backends-for-frontends architectural pattern describes a world in which each client application has its own server-side component— a backend for a particular frontend.
This pattern is highly applicable if you have multiple client interfaces with significantly different needs that all consume the same underlying resources. The most common real-world example is an application that has both a web and a mobile client. - http://amp.gs/aqF2

#bff

Selecting the Right Tool for Your Monorepo

Monorepos used to be thought of as a solution suitable only to large enterprises, but recently, it seems, the need for them has become apparent to teams of all sizes.
This growth in demand has been met by the creation of numerous tools that offer simpler implementations for this type of code management architecture. - http://amp.gs/asQM

#monorepo #tools

Understanding When to Use useMemo

Max picks up on Knuth's often misunderstood "premature optimization is the root of all evil" quote but uses it to point at the misuse of useMemo before it’s really necessary. - http://amp.gs/aiwW

#react

Angular 10 NgRX Store by Example

In this tutorial, we’ll learn how to use NgRX store in our Angular 10 example application. We’ll see how we can create actions, reducers, and dispatch actions.
The Angular NgRx store is a client-side data management pattern that implements the Redux pattern, invented by Facebook, using RxJS observables. - http://amp.gs/aD2N

#angular

What’s New in Webpack 5: And Should You Rush to Upgrade?

A valuable, candid assessment of what’s to be gained with the latest major release of webpack. While the benefits mean you’ll have to get there eventually, you will also want to proceed prudentially, particularly if you make heavy use of plugins which may not yet be supported. - http://amp.gs/auiV

#webpack

WebdriverIO 6.7: Browser and Mobile Automation Test Framework for Node

A framework to run tests based on the Webdriver protocol and Appium automation technology supporting running common BDD/TDD test framework tests locally or in the cloud using Sauce Labs, BrowserStack, TestingBot or LambdaTest. - http://amp.gs/aJYs

#nodejs

The Raven Technique: One Step Closer to Container Queries

Mathias Hülsbusch introduces the Raven Technique, an approach that can help you overcome the problems of creating responsive layouts for components. - http://amp.gs/aJsk

#css

React Form Validation with Formik and Yup

React has pretty decent form handling baked right in, so why is it necessary to also incorporate Formik and Yup? In short, simpler and easier development of bulletproof forms. - http://amp.gs/a0Vy

#react #formik #yup

50 Book Recommendations from X-Teamers

Looking for your next book to read? Here are 50 books that X-Teamers have read and recommended, organized by topic. Some are well-known, others are hidden gems, but all are worth reading. - http://amp.gs/a0LW

#books

VS Code Jest, Improved ESLint Support, Typescript 4, Storybook 6, and more with Nx 10.3

Today, we are happy to announce the release of Nx 10.3 that includes many new features, including support for VS Code Jest plugins, improved ESLint support, Storybook 6 support and more! - http://amp.gs/aK7B

#vscode

Vue.js Single-File JavaScript Components In The Browser

Browser support for native JavaScript modules is finally happening. The latest versions of Safari and Chrome support them, Firefox and Edge will soon too.

One of the cool things about JavaScript modules for Vue.js users is that they allow you to organize your components into their own files without any kind of build step required.

In this article, I'm going to show you how to write a single-file component as a JavaScript module and use it in a Vue.js app. You can do this all in the browser without any Babel or Webpack! - http://amp.gs/aKcD

#vue

Not So Short Note on Aria-Label Usage – Big Table Edition

Steve Faulkner provides some useful guidance on aria-label usage. - http://amp.gs/a30q

#css

Clickjacking Attacks and How to Prevent Them

A look at both client-side and server-side approaches to mitigating clickjacking attacks including some approaches for Express.js-based apps. - http://amp.gs/aHu2

#nodejs

Angular—Introduction to service inheritance

Inheritance is one of the most popular ways to reuse code in Angular. It has been used very frequently to build components. Yet, not many developers will apply inheritance to service. In fact, service inheritance is much cleaner and easier to maintain comparing with component inheritance. It can be a good alternative of component inheritance in some cases. - http://amp.gs/a22S

#angular

​​Hey bright developers!

Searching for a remote job doesn’t have to look like this:
❌ 24/7 on job boards
❌ turning LinkedIn upside down
❌ waiting for recruiters to contact you

Instead, it should be like this:
✅ sign up on @sixnomads_bot
✅ state your tech stack, desired salary and timezone
✅ receive relevant notifications of full-time and remote-only jobs as soon as they are posted

Users of 6nomads bot have already landed jobs in companies like MixMax, Calendly, Miro, as well as bunch of YC and Techstars startups.

It's your turn next! Find your dream job now, say thank you later ❤

Pro Tips for Setting Up a React Native Project in 2020 - http://amp.gs/awSN

#reactnative