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
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
Medium
Frontend Architectural Patterns: Backends-For-Frontends
Client-Tailored Microservices
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
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
Medium
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…
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
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
Max Rozen
Understanding when to use useMemo - Max Rozen
If you've just learned what useCallback is, you might be wondering why on earth useMemo exists, and why we don't use it everywhere.
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
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
Medium
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…
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
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
Medium
What’s New in Webpack 5
And should you rush to upgrade?
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
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
GitHub
webdriverio/webdriverio
Next-gen browser and mobile automation test framework for Node.js - webdriverio/webdriverio
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
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
CSS-Tricks
The Raven Technique: One Step Closer to Container Queries
For the millionth time: We need container queries in CSS! And guess what, it looks like we're heading in that direction. When building components for a
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
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
Smashing Magazine
React Form Validation With Formik And Yup — Smashing Magazine
Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this…
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
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
X-Team Blog - The Most-Loved Company for Engineers
What Should I Read Next? 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.
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
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
Medium
VS Code Jest, Improved ESLint Support, Typescript 4, Storybook 6, and more with Nx 10.3
Nx 10.3 includes many new features, including support for VS Code Jest plugins, improved ESLint support, Storybook 6 and Typescript 4…
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
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
Vue.js Single-File JavaScript Components In The Browser
One of the cool things about native 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 JavaScript…
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
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
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
Auth0 - Blog
Clickjacking Attacks and How to Prevent Them
Learn how clickjacking attacks implement visual tricks to capture users' clicks, and how you can prevent them by applying client-side and server-side solutions.
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
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
Medium
Angular—Introduction to service inheritance
Inheritance is one of the most popular ways to reuse code in Angular. Here is a guide to apply inheritance to service.
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 ❤
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 ❤
FrontEnd Development pinned «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…»
Route Guards — Angular
There are a lot of use cases when it comes to access to an Angular route. There are times when you want to limit access to a route, limit access to only some specific users, or want before leaving a route to alert the user or even retrieve data before accessing a route. - http://amp.gs/aFOD
#angular
There are a lot of use cases when it comes to access to an Angular route. There are times when you want to limit access to a route, limit access to only some specific users, or want before leaving a route to alert the user or even retrieve data before accessing a route. - http://amp.gs/aFOD
#angular
Medium
Route Guards — Angular
canActivate vs canActivateChild vs canDeactivate vs canLoad vs resolve
How To Build a GraphQL Server Using Next.js API Routes
Will teach you the basics of Next.js API Routes via a step-by-step tutorial on how to build your very first GraphQL server with Next.js and the GitHub API. - http://amp.gs/aLVk
#nodejs
Will teach you the basics of Next.js API Routes via a step-by-step tutorial on how to build your very first GraphQL server with Next.js and the GitHub API. - http://amp.gs/aLVk
#nodejs