drenther/js-design-patterns

Stars
283
Rank 146,066 (Top 3 %)
Language
JavaScript
Created over 6 years ago
Updated over 6 years ago

drenther/js-design-patterns

drenther

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

This repo contains all the examples for my javascript design pattern article.

Design Patterns with modern JavaScript

This is the companion repository of the article on JavaScript Design Patterns

Table of Contents

Creational

Structural

Behavioral

use-clamp-text

react hook to clamp multiline text to a given height in a responsive way and with extreme flexibility (under 2.5kb)

flashtext.js

A JavaScript Port of the Python package FlashText @ https://github.com/vi3k6i5/flashtext

upi_pay

Flutter plugin for UPI (Only in India)

next-pwa

A Simple Server-side rendered PWA with Next.js

react-osx-dock

use-custom-event

react-ssr

Source code for the "React Server Side Rendering from Scratch" article

bdnd_example

A simple drag and drop game made with React and react-beautiful-dnd

izod

type safe, validated, namespaced iframe communication made simple!

material-ui-confirmation

React hook to seamlessly use customizable confirmation dialogs from @material-ui/core without managing any open/close state

array-move-slice

A tiny utility to move a slice of an array from one starting index to another within the same array

graphql-apollo-express-jwt-auth

random-people-sc-example

Source code for the "Styling React with styled-components" article

localVideoPlayer

HTML5 Local Video Player with some cool features and keyboard functionality

advent-of-code-solutions

parcel-starter

silence_mp3

webCam

Webcam filter experimentation app

curriculum-server

canvasFun

Playing with HTML5 Canvas

able-webhook-handler

delhiquor

An app to show retail prices for liquor in Delhi

dev-extension

able-gatsby-starter

youtube-thumbnail-proxy

express-rest-template

surya-bio-demo

react-page-visibility-example

Created with CodeSandbox

easy-stats-webpack-plugin

Webpack build stats plugin with granular control, transform function and custom stats generation.

alpine-curl-zip

calculator

for freeCodeCamp Front End Certificate

backend

mern-transaction-starter

This is a fullstack MERN application template with MongoDB Transactions in mind.

banker

For the lack of a better name - Banker

hw-react-challenge

React based solution to the Hackerearth front-end challenge