Refactoring Monoliths to Microservices with the BFF and Strangler Patterns
How do you effectively migrate away from monoliths without getting stuck in Adapter Hell? Let’s talk about the synergy between BFFs and the Strangler pattern, featuring WunderGraph.
5 Best Practices for Backends-for-Frontends
Best practices to follow when implementing the BFF pattern: do’s and don’ts.
Jest Reference Error: Cannot Access ‘’ Before Initialization
This problem is only fixable by changing the location of import and jest.Mock. It creates the problem, because when we import depA and bring it to our module’s runtime, it already read all the…
The Backend-for-Frontend pattern using NextJS: A Step-by-Step Guide
The Backends-for-Frontends pattern might be exactly what you need to avoid monolithic Backend APIs and Frontends bloated with business logic. Let's implement one in Next.js, using WunderGraph as a BFF framework.
From Zero to SaaS: The 10 Tools for Building Your SaaS App
Typeform, Sentry, Saas UI, Algolia, and more. Discover the tools you need to build a successful SaaS product, from rapid UI prototyping to secure payment processing without a merchant account.
TypeScript Made Easy: A Practical Guide To Your First Type-Safe App with Next.js, WunderGraph, and Prisma
It’s time to put your fears aside and learn TypeScript. Let’s give you your first “Eureka!” moment by building a full stack Todo App with end-to-end type safety!
Getting Started With WunderGraph: An API Gateway That Turns GraphQL Into RPC on the Fly
A comprehensive guide to WunderGraph, with a focus on its new TypeScript Operations feature - async resolvers for data fetching, with shared types between Server & Client.
Vue.js Vapor Mode and Other Roadmap Updates from Vue Amsterdam 2023
Vapor Mode is a compilation strategy that compiles a Vue SFC into JS output that is more performant and uses less memory. There are 2 ways to configure this
TS 5.0 Beta: New Decorators Are Here!
TypeScript 5.0 Decorator, TypeScript ES Decorator, TypeScript Decorator, TypeScript Decorators, How To Use Decorators in TypeScript, Decorator in TypeScript, The Magic of TypeScript Decorators, typescript decorators guide, TypeScript 5.0, TS 5.0
It’s 2023 Now! React State Management: Context or Redux, Which Side Are You On?
Hi there. Today, I am going to discuss when to use what and why. Before I lay down my points and the foundation of my discussion, I would like to first get all of us on the same page about what…
Create a Bank Claim Form Using Angular and SurveyJS
Create an Employee Satisfaction Survey Using Angular and Store Results in a MongoDB Collection
A step-by-step tutorial to building an employee satisfaction survey using Angular and SurveyJS, a free, open-source survey library.
Const vs. Function For React Functional Components
For some time now I have been wondering if there is a benefit to using function over const when declaring functional components, and vice versa. So, I decided to do a little research, and I will sum…
Better Unit Testing in Visual Studio Code with Jest
Use The Jest Extension to Dramatically Improve Your Testing Flow
Build a landing page for your SaaS app using React, Chakra UI and Typescript
How to Use React.FC Children Prop in React 18 with TypeScript
How to deal with the new React 18 React.FC type and the children prop for TypeScript
Custom Dropdown Element with React & TypeScript
A guide on how to create a simple React dropdown component using TypeScript.
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.
Async/Await in Angular ngOnInit using TypeScript Decorator
These TypeScript method decorators make lazy loading easy by making sure that certain async functions are always called before others.
Build a Custom Theme Provider Using React's Context API
Add support for switching themes in your React App - no libraries, from scratch, in a simple way. All we need is React's Context API and CSS.
Advanced TypeScript: Type-Level Nested Object Paths
A Real-world use case of Conditional Types, Type Inference, Template Literal Types, and Recursion.
Transform and Validate Query Parameters in NestJS (2022)
Step-by-step Guide: How to transform and validate Query Parameters
Build Your React Component Library with TypeScript and Rollup
A simple guide on building your React Component Library to save precious development time.
Creating a tooltip directive in Angular
How to Create a Tooltip Directive in Angular
Angular vs React vs Vue.js: Which is the Best Choice for 2022
Angular vs React vs Vue: Which is the Best Choice of Framework in 2022?
Which UI Frameworks Support Vue 3?
About the state of Vue 3 support
Advanced Angular Interview Questions You Must Prepare For in 2022
Latest Angular Interview Questions
How To Get Props Types in Next.js and TypeScript
Avoid boilerplate code with InferGetServerSidePropsType and InferGetStaticPropsType and Automatically Infer the Types for Your Page Component Props
How to Use enum Keys in TypeScript Interfaces and Types
Enum keys duplicated in interface
Getting Started with Yarn 3 and TypeScript
The next impressive iteration of the fan-favorite package manager.
Why and How to Use Absolute Imports in React
An easy way to maintain clean code in React
Angular: DON'T Call Functions Inside The Template Anymore
Why you Should NOT Call Functions Inside Angular Templates
3 Different Ways to Import Modules in TypeScript
AWS TypeScript CDK and Step Functions
How to deploy a TypeScript step function composed of 3 lambdas.
AWS TypeScript CDK and Lambda
This quick tutorial will show the steps for deploying a TypeScript lambda that is deployed behind API Gateway and can be used to calculate the sum of 2 numbers. This is an introductory tutorial and…
How to detect when an input() value changes in Angular
Detect when input value changes in Angular
Setup AWS CDK In 2 Minutes
In 2 Minutes — Setup AWS CDK for You AWS Cloud Projects
How to Apply a Filter to Angular for loop (*ngFor) in HTML
Filter Pipe which can filter the whole array of objects
Use S3 to Store Images From Your Application
A walkthrough of how to use S3 as image storage for a NodeJS/Express application.
Using Zustand and TypeScript to Make a To-Do List in React
Today, let's learn how easy Zustand can make it to manage global client-side state in React by making a to-do list with it.
How to Build Scalable Form Factory By Vue 3 — Form Builder Pattern
How to set up SonarQube locally on a React TypeScript Project
Frontend API calls with TypeScript and Axios
An opinionated method of supercharging frontend API call with TypeScript and Axios
The Complete Full Stack Web Developer RoadMap 2022
The ultimate guide to becoming a modern full-stack web developer.
Document Your React Applications The Right Way
A step-by-step guide on properly documenting our React applications
Implement a Countdown Timer with RxJS in Angular
Implement a simple countdown in Angular
A TypeScript Project Structure Guide
Directory Structure, Module Resolution and Related Configuration Options
Deep clone an Object and preserve its type with TypeScript
From Shallow Copy to Deep Clone with Type
How to Optimize your Angular Application for Production
Optimizing your Angular application for production
How I dealt with over 30,000 ESLint errors
ESLint — Migrating to a Comprehensive Configuration
A Simple encryption library in Node.js with TypeScript
How to encode and encrypt simple data
Debugging NestJS in VSCode
A step-by-step guide on how to debug your NestJS application and Jest tests using VSCode
How To Connect MySQL And Auth To A Next.js App
Today, we will connect our Next.js app to MySQL database and develop an authentication feature.
Constructors and Access modifiers in TypeScript/Angular
What is Angular (Part 6.4) / What is TypeScript?
Interfaces and Classes in TypeScript/Angular
What is Angular (Part 6.3) / What is TypeScript?
How to get TypeScript type completion by defining process.env types
Using Firestore with TypeScript in the v9 SDK
A nice little coding design pattern that will boost your Firestore productivity and make your code safe with TypeScript
Use of DTO for Validation in NestJS Application
How to handle and validate the data for a REST endpoint with the NestJS framework.
TypeScript and Global Variables in Node.js
How to make global variables in Node.js using TypeScript and make sure the types are correct.
Static Code Analysis for Node.js and TypeScript Project using SonarQube
Setup dotenv to Access Environment Variables in Angular 9
Setting up dynamic configurations for your frontend
Screen Capture a Page Using Angular Ngx Capture
Screen capture library for Angular. Define a zone and it will capture it and return a string containing a base64 PNG.
React and TypeScript: Generic Search, Sort, and Filter
A step-by-step guide leveraging the awesome powers of TypeScript generics to implement reusable searching, sorting, and filtering.
How to Talk to a RabbitMQ Instance with Node.js and TypeScript
RabbitMQ, Node.js, and TypeScript all together
How To Pass Data From One Component To Another In Angular
How to create Components, Routes, and send/receive data via those Routes in Angular
Fixing the "can't resolve all parameters" exception with Angular DI
Yesterday, I’ve stumbled on a puzzling issue while implementing a new service in the application
Difference between Constructor and ngOnInit in Angular.
Create an Angular Directive to Detect Clicking Outside an Object
How to Create an Angular Directive to Detect Clicking Outside an Object
Building a pagination component in React with TypeScript
How to create a pagination component in react with TypeScript
A Simple Way To Use Path Aliases in NestJS
Path Aliases with NestJS (2022)