Web Stack Weekly — Issue#121

Welcome to Web weekly — a weekly newsletter on new development and updates of Web universe curated by Canopas team, delivered every Monday.

Articles

How to Build a Dynamic Dropdown Component in React

Dropdowns have been an important part of websites and apps for a long time. They’re an unsung heros of user interactions, silently facilitating countless actions and decisions with just a click or tap.

How Using Angular’s inject() Function Has Saved Me 1000 Lines of Code

Introduced in Angular 14, the inject() function allows you to inject dependencies into services, components, directives, etc. instead of injecting them using the class constructor. You can adopt inject() in legacy projects gradually, there is no need to migrate all your codebase at once.

Creating a Voice Bot in React Native with ChatGPT

In this tutorial, they have covered creating a voice bot in React Native using ChatGPT for text-based responses and DALL-E for generating images based on user input. By integrating these APIs into a React Native application, you can create an interactive voice bot capable of responding to user queries and generating relevant images.

Smart Auto-Logout in Angular with the help of RxJS

In this artical you will explore the implementation of auto logout after 10 minutes from the last user interaction. In essence, the journey from initial concept to practical implementation underscores the versatility and effectiveness of RxJS in modern web development.

Sponsored

Justly — Systems, Habits, Goals

Libraries

react-icons

SVG react icons of popular icon packs include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

GitHub - react-icons/react-icons: svg react icons of popular icon packs

core

The internationalization (i18n) library for Angular.

GitHub - ngx-translate/core: The internationalization (i18n) library for Angular

sequelize

Sequelize is a modern TypeScript and Node.js ORM for Oracle, Postgres, MySQL, MariaDB, SQLite and SQL Server, and more. Featuring solid transaction support, relations, eager and lazy loading, read replication and more.

GitHub - sequelize/sequelize: Feature-rich ORM for modern Node.js and TypeScript, it supports…

Video

What Exactly is REACT HYDRATION? And why does it matter?

Suggest a link for the upcoming weekly

Suggestions and feedback are more than welcome!

Please reach us at Canopas Twitter handle @canopas_eng with your content or feedback, and we will consider it in our next weekly.