A collection of snippets for React JS and Next JS-based web programming
https://www.producthunt.com/posts/react-and-next-js-snippets
—-
Reference structure or design pattern for Next JS
https://blog.anurag.tech/how-i-structure-my-next-js-projects
#react #next #snippet #pattern
https://www.producthunt.com/posts/react-and-next-js-snippets
—-
Reference structure or design pattern for Next JS
https://blog.anurag.tech/how-i-structure-my-next-js-projects
#react #next #snippet #pattern
February 16, 2022
Recognize design patterns and anti-patterns in Node JS-based project structures
https://blog.appsignal.com/2022/02/23/patterns-and-anti-patterns-in-nodejs.html
#nodejs #pattern #design #antipattern
https://blog.appsignal.com/2022/02/23/patterns-and-anti-patterns-in-nodejs.html
#nodejs #pattern #design #antipattern
February 28, 2022
Understand how React Hook useEffect works for beginners
https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/
---
Practice using Recoil state management on React-based projects
https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/
---
Reference some design pattern components for React based projects
https://blog.logrocket.com/react-component-design-patterns-2022/
---
#react #component #pattern #hooks #recoil #state
https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/
---
Practice using Recoil state management on React-based projects
https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/
---
Reference some design pattern components for React based projects
https://blog.logrocket.com/react-component-design-patterns-2022/
---
#react #component #pattern #hooks #recoil #state
March 4, 2022
Building a Node JS backend application with Express and TypeScript
https://javascript.plainenglish.io/simple-typescript-project-with-node-express-nodemon-b4ed18197c03
---
Recognizing a type in TypeScript named "never"
https://www.zhenghao.io/posts/ts-never
---
Implementing the Dependency inversion design pattern in TypeScript
https://blog.logrocket.com/understanding-dependency-inversion-principle-typescript/
#typescript #nodejs #never #design #pattern
https://javascript.plainenglish.io/simple-typescript-project-with-node-express-nodemon-b4ed18197c03
---
Recognizing a type in TypeScript named "never"
https://www.zhenghao.io/posts/ts-never
---
Implementing the Dependency inversion design pattern in TypeScript
https://blog.logrocket.com/understanding-dependency-inversion-principle-typescript/
#typescript #nodejs #never #design #pattern
March 17, 2022
Create URL link shortener application with Next JS and MongoDb
https://javascript.plainenglish.io/create-your-own-url-shortener-with-next-js-and-mongodb-in-10-minutes-ccf52caf4d52
—-
Using Tailwind CSS in React JS
https://medium.com/techvblogs/how-to-use-tailwind-css-with-a-react-app-8b10c9941a08
—-
Long practice creating CMS for React JS and Node JS applications
https://medium.com/flatlogic/how-to-build-react-cms-for-blog-step-by-step-guide-flatlogic-blog-9ad9a920c9aa
—-
React JS based project structure reference
https://jeffreyzepengyu.medium.com/how-i-structure-my-react-redux-projects-7a7ed4dd7308
—-
#react #mern #nodejs #next #urlShortener #pattern
https://javascript.plainenglish.io/create-your-own-url-shortener-with-next-js-and-mongodb-in-10-minutes-ccf52caf4d52
—-
Using Tailwind CSS in React JS
https://medium.com/techvblogs/how-to-use-tailwind-css-with-a-react-app-8b10c9941a08
—-
Long practice creating CMS for React JS and Node JS applications
https://medium.com/flatlogic/how-to-build-react-cms-for-blog-step-by-step-guide-flatlogic-blog-9ad9a920c9aa
—-
React JS based project structure reference
https://jeffreyzepengyu.medium.com/how-i-structure-my-react-redux-projects-7a7ed4dd7308
—-
#react #mern #nodejs #next #urlShortener #pattern
March 18, 2022
A collection of code cheats or cheatsheets for Modern JavaScript
https://dev.to/j471n/javascript-cheat-sheet-you-needed-2id
—-
Creating a Postman Clone using HTML, CSS, and JavaScript
https://akj07.hashnode.dev/postman-clone-using-html-css-and-javascript
—-
Tips and tricks for using Modern JavaScript features
https://medium.com/dhiwise/11-useful-modern-javascript-tips-9736962ed2cd
—-
Creating clean design patterns in JavaScript
https://dev.to/codewithahsan/8-techniques-to-write-cleaner-javascript-code-369e
—-
#cheatsheet #pattern #postman #clone
https://dev.to/j471n/javascript-cheat-sheet-you-needed-2id
—-
Creating a Postman Clone using HTML, CSS, and JavaScript
https://akj07.hashnode.dev/postman-clone-using-html-css-and-javascript
—-
Tips and tricks for using Modern JavaScript features
https://medium.com/dhiwise/11-useful-modern-javascript-tips-9736962ed2cd
—-
Creating clean design patterns in JavaScript
https://dev.to/codewithahsan/8-techniques-to-write-cleaner-javascript-code-369e
—-
#cheatsheet #pattern #postman #clone
March 22, 2022
A collection of design patterns to be implemented in application projects
https://blog.bitsrc.io/3-design-patterns-every-developer-should-learn-71a51568ac9d
#design #pattern
https://blog.bitsrc.io/3-design-patterns-every-developer-should-learn-71a51568ac9d
#design #pattern
April 28, 2022
An introduction to some implementable JavaScript design patterns
https://www.freecodecamp.org/news/javascript-design-patterns-explained/
#design #pattern
https://www.freecodecamp.org/news/javascript-design-patterns-explained/
#design #pattern
freeCodeCamp.org
JavaScript Design Patterns – Explained with Examples
Hi everyone! In this article I'll explain what design patterns are and why they're useful. We'll also go through some of the most popular design patterns out there and give examples for each of them. Let's go! Table of Contents What Are Design Patte...
June 26, 2022
Introducing Dev Patterns. A service containing a reference list of design patterns for modern and more structured web applications
https://www.patterns.dev/
#pattern #design #dev
https://www.patterns.dev/
#pattern #design #dev
www.patterns.dev
Learn JavaScript design and performance patterns for building more powerful web applications.
July 20, 2022
Getting to know the Singleton design pattern in JavaScript
https://www.freecodecamp.org/news/singleton-design-pattern-with-javascript/
---
See the difference between null, undefined, and undeclared
https://dev.to/anewman15/in-javascript-whats-the-difference-between-a-variable-that-is-null-undefined-and-undeclared-j1f
#singleton #pattern #null #undefined
https://www.freecodecamp.org/news/singleton-design-pattern-with-javascript/
---
See the difference between null, undefined, and undeclared
https://dev.to/anewman15/in-javascript-whats-the-difference-between-a-variable-that-is-null-undefined-and-undeclared-j1f
#singleton #pattern #null #undefined
freeCodeCamp.org
Singleton Design Pattern – How it Works in JavaScript with Example Code
At one point or another, you might need to use global state inside your React apps. This lets you have your data in one place and make sure the required components can access it. To help you do this, you'll often use some sort of state management lib...
July 25, 2022
Get to know a design pattern called the Strategy pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-strategy-pattern-in-typescript-54eda9b40f09
—-
JavaScript-based web application optimization
https://javascript.plainenglish.io/how-i-make-my-javascript-applications-2-times-faster-dbbfd7e5ceec
—-
Examples of some interview questions about JavaScript
https://medium.com/nerd-for-tech/top-10-javascript-interview-code-based-questions-lets-do-brainstorming-b8f6bd9fc9cb
#pattern #strategy #optimization #performance #interview
https://javascript.plainenglish.io/design-patterns-strategy-pattern-in-typescript-54eda9b40f09
—-
JavaScript-based web application optimization
https://javascript.plainenglish.io/how-i-make-my-javascript-applications-2-times-faster-dbbfd7e5ceec
—-
Examples of some interview questions about JavaScript
https://medium.com/nerd-for-tech/top-10-javascript-interview-code-based-questions-lets-do-brainstorming-b8f6bd9fc9cb
#pattern #strategy #optimization #performance #interview
Medium
Design Patterns: Strategy Pattern in TypeScript
How to use and implement the Strategy Pattern in TypeScript to solve real problems in web projects.
September 11, 2022
A collection of JavaScript code snippets or snippets that are often used in programming
https://dev.to/madza/19-practical-es6-snippets-to-solve-common-js-problems-31o9
—-
Tips and tricks in using JavaScript that you need to know
https://dev.to/dcodeyt/7-must-know-javascript-tips-tricks-2m8f
—-
Proxy API Object use case example in JavaScript
https://dev.to/jeevankishore/real-world-use-cases-of-object-proxies-3d87
—-
Example of using Observer design pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-observer-pattern-in-typescript-f6589f1ce4fc
—-
#tips #snippets #observer #pattern #proxy #esm
https://dev.to/madza/19-practical-es6-snippets-to-solve-common-js-problems-31o9
—-
Tips and tricks in using JavaScript that you need to know
https://dev.to/dcodeyt/7-must-know-javascript-tips-tricks-2m8f
—-
Proxy API Object use case example in JavaScript
https://dev.to/jeevankishore/real-world-use-cases-of-object-proxies-3d87
—-
Example of using Observer design pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-observer-pattern-in-typescript-f6589f1ce4fc
—-
#tips #snippets #observer #pattern #proxy #esm
DEV Community
19 Practical ES6 Snippets to Solve Common JS Problems 🚀💯
In our developer workflow, we often encounter challenging problems that might require just a few...
September 19, 2022
Adding element to specified index in Array
https://javascript.plainenglish.io/insert-an-item-into-an-array-at-a-specific-index-68105a484662
---
Get to know some built in functions in Javascript
https://javascript.plainenglish.io/level-up-your-javascript-skills-with-these-built-in-functions-a15607b72c2b
---
Get to know a design pattern called the Factory pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-factory-method-pattern-in-typescript-c4c3047a6289
—-
#index #array #builtIn #function #factory #pattern
https://javascript.plainenglish.io/insert-an-item-into-an-array-at-a-specific-index-68105a484662
---
Get to know some built in functions in Javascript
https://javascript.plainenglish.io/level-up-your-javascript-skills-with-these-built-in-functions-a15607b72c2b
---
Get to know a design pattern called the Factory pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-factory-method-pattern-in-typescript-c4c3047a6289
—-
#index #array #builtIn #function #factory #pattern
Medium
Insert an Item into an Array at a Specific Index
A short guide on how to insert an item into an array at a specific index.
September 24, 2022
Implementing ESLint in Next JS
https://blog.logrocket.com/troubleshooting-next-js-app-eslint/
#eslint #nextjs #react #pattern
https://blog.logrocket.com/troubleshooting-next-js-app-eslint/
#eslint #nextjs #react #pattern
LogRocket Blog
Troubleshooting a Next.js app with ESLint - LogRocket Blog
ESLint is an amazing tool that enforces code styles, keeps our code clean, prevents bugs, and allows us to write pretty readable code!
September 26, 2022
Get to know the Builder Pattern design pattern in TypeScript
https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#builder #pattern #design
https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a
#builder #pattern #design
Medium
Design Patterns: Builder Pattern in TypeScript
Master the Builder Pattern and Easily Handle the Creation of Objects.
October 7, 2022
Introduction to the repository design pattern in Node JS and TypeScript
https://blog.logrocket.com/exploring-repository-pattern-typescript-node/
#nodejs #pattern #design #repository
https://blog.logrocket.com/exploring-repository-pattern-typescript-node/
#nodejs #pattern #design #repository
LogRocket Blog
Exploring the repository pattern with TypeScript and Node - LogRocket Blog
This tutorial dives into the repository pattern, explores its benefits, and demonstrates how to implement it with TypeScript and Node.js.
October 22, 2022
Introduction to the design pattern for the Singleton Pattern in TypeScript
https://levelup.gitconnected.com/design-patterns-singleton-pattern-in-typescript-e98ec08a9c14
#singleton #pattern #typescript
https://levelup.gitconnected.com/design-patterns-singleton-pattern-in-typescript-e98ec08a9c14
#singleton #pattern #typescript
Medium
Design Patterns: Singleton Pattern in TypeScript
Share a Single Global Instance Throughout Our Application
October 30, 2022
Some web page rendering patterns to know about
https://www.youtube.com/watch?v=Dkx5ydvtpCA
#pattern #rendering #webpage
https://www.youtube.com/watch?v=Dkx5ydvtpCA
#pattern #rendering #webpage
YouTube
10 Rendering Patterns for Web Apps
Learn about 10 different ways you can render a website to HTML with patterns like SSR, SSG, ISR, Partial Hydration, and More!
#webdevelopment #javascript #top10
Upgrade to PRO for full courses https://fireship.io/pro
#webdevelopment #javascript #top10
Upgrade to PRO for full courses https://fireship.io/pro
January 28, 2023
Basic practice creating a REST API with Nest JS and Prisma
https://dev.to/zenstack/building-a-secure-restful-api-using-nestjs-and-prisma-with-minimum-code-45b5
---
How to use Callback on different Threads in Node JS
https://blog.bitsrc.io/node-js-multithreading-executing-callbacks-in-separate-threads-39e83a0a9ded
---
How to safely stop Nest JS processes
https://dev.to/hienngm/graceful-shutdown-in-nestjs-ensuring-smooth-application-termination-4e5n
—-
Reference project structure for Node JS
https://hardiks.medium.com/best-practices-for-node-js-application-architecture-8ccb1f94452a
#nodejs #nestjs #api #prisma #pattern #structure
https://dev.to/zenstack/building-a-secure-restful-api-using-nestjs-and-prisma-with-minimum-code-45b5
---
How to use Callback on different Threads in Node JS
https://blog.bitsrc.io/node-js-multithreading-executing-callbacks-in-separate-threads-39e83a0a9ded
---
How to safely stop Nest JS processes
https://dev.to/hienngm/graceful-shutdown-in-nestjs-ensuring-smooth-application-termination-4e5n
—-
Reference project structure for Node JS
https://hardiks.medium.com/best-practices-for-node-js-application-architecture-8ccb1f94452a
#nodejs #nestjs #api #prisma #pattern #structure
DEV Community
Building a Secure RESTful API Using NestJS and Prisma With Minimum Code
NestJS is a great framework. It's versatile, rock solid, and thoroughly documented. You can build...
September 11, 2023