ziyasal / Design Patterns And Idioms In Es6
Licence: mit
Design patterns and idioms in JS(ES6) /w traceur
Stars: ✭ 179
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Labels
Projects that are alternatives of or similar to Design Patterns And Idioms In Es6
Nice Knowledge System
📚不积跬步无以至千里，每天进步一点点，Passion，Self-regulation，Love and Share
Stars: ✭ 137 (-23.46%)
Mutual labels: design-patterns
Domain Driven Hexagon
Guide on Domain-Driven Design, software architecture, design patterns, best practices etc.
Stars: ✭ 4,417 (+2367.6%)
Mutual labels: design-patterns
Design Patterns Explained With Food
GoF Design Patterns with "Real-World" examples involving Food-Related Businesses and mock dependencies
Stars: ✭ 2,152 (+1102.23%)
Mutual labels: design-patterns
Php Patterns
A minimal and conceptual PHP 5.4+ pattern collection that *will* cover design patterns (not only GoF's), anti-patterns, closure patterns, refactoring patterns
Stars: ✭ 147 (-17.88%)
Mutual labels: design-patterns
Design Patterns Python
Design Pattern Examples in Python
Stars: ✭ 150 (-16.2%)
Mutual labels: design-patterns
100 Lines Of Code Challenge Js
Write Everything in JavaScript under 100 Lines!!!😈
Stars: ✭ 157 (-12.29%)
Mutual labels: design-patterns
Js designpatterns
No description or website provided.
Stars: ✭ 1,680 (+838.55%)
Mutual labels: design-patterns
Designpatternsincsharp
Samples associated with Pluralsight design patterns in c# courses.
Stars: ✭ 149 (-16.76%)
Mutual labels: design-patterns
Design Patterns In Ruby
GoF design patterns in Ruby
Stars: ✭ 1,969 (+1000%)
Mutual labels: design-patterns
Python Clean Architecture
A Python toolkit for applications driven by The Clean Architecture
Stars: ✭ 159 (-11.17%)
Mutual labels: design-patterns
React Bits
✨ React patterns, techniques, tips and tricks ✨
Stars: ✭ 11,572 (+6364.8%)
Mutual labels: design-patterns
Awesome Design Patterns
A curated list of software and architecture related design patterns.
Stars: ✭ 15,579 (+8603.35%)
Mutual labels: design-patterns
Important Java Concepts
🚀 Complete Java - A to Z ║ 📚 Notes and Programs of all Important Concepts of Java - OOPS, Data Structures, Algorithms, Design Patterns & Development + Kotlin + Android 🔥
Stars: ✭ 135 (-24.58%)
Mutual labels: design-patterns
Design Patterns
Modern view on classic design patterns implementation in Java
Stars: ✭ 157 (-12.29%)
Mutual labels: design-patterns
Unity Design Pattern
🍵 All Gang of Four Design Patterns written in Unity C# with many examples. And some Game Programming Patterns written in Unity C#. | 各种设计模式的Unity3D C#版本实现
Stars: ✭ 2,600 (+1352.51%)
Mutual labels: design-patterns
Jwave
A Discrete Fourier Transform (DFT), a Fast Wavelet Transform (FWT), and a Wavelet Packet Transform (WPT) algorithm in 1-D, 2-D, and 3-D using normalized orthogonal (orthonormal) Haar, Coiflet, Daubechie, Legendre and normalized biorthognal wavelets in Java.
Stars: ✭ 174 (-2.79%)
Mutual labels: design-patterns
Clean Flutter App
Aplicativo feito em Flutter usando TDD, Clean Architecture, Design Patterns e SOLID principles
Stars: ✭ 163 (-8.94%)
Mutual labels: design-patterns
Design Patterns and Idioms in ES6
A collection of design patterns and idioms in ES6
Boilerplate forked from angular/atscript-playground
Initial setup
# Clone the repo...
git clone https://github.com/ziyasal/design-patterns-in-es6.git
cd design-patterns-in-es6
# Then, you need to install all the dependencies...
npm install
# If you want to be able to use global commands `karma` and `gulp`...
npm install -g karma-cli gulp
# Do initial build, start a webserver and re-build on every file change...
gulp build serve watch
Open a browser and see the result.
Current Patterns
| Pattern | Description |
|---|---|
| abstract_factory | use a generic function with specific factories |
| adapter | adapt one interface to another using a whitelist |
| 3-tier | data<->business logic<->presentation separation (strict relationships) |
| borg | a singleton with shared-state among instances |
| bridge | a client-provider middleman to soften interface changes |
| builder | call many little discrete methods rather than having a huge number of constructor parameters |
| catalog | general methods will call different specialized methods based on construction parameter |
| chain | apply a chain of successive handlers to try and process the data |
| command | bundle a command and arguments to call later |
| composite | encapsulate and provide access to a number of different objects |
| decorator | wrap functionality with other functionality in order to affect outputs |
| facade | use one class as an API to a number of others |
| factory_method | delegate a specialized function/method to create instances |
| flyweight | transparently reuse existing instances of objects with similar/identical state |
| graph_search | (graphing algorithms, not design patterns) |
| mediator | an object that knows how to connect other objects and act as a proxy |
| memento | generate an opaque token that can be used to go back to a previous state |
| mvc | model<->view<->controller (non-strict relationships) |
| observer | provide a callback for notification of events/changes to data |
| pool | preinstantiate and maintain a group of instances of the same type |
| prototype | use a factory and clones of a prototype for new instances (if instantiation is expensive) |
| proxy | an object funnels operations to something else |
| publish_subscribe | a source syndicates events/data to 0+ registered listeners |
| state | logic is org'd into a discrete number of potential states and the next state that can be transitioned to |
| strategy | selectable operations over the same data |
| template | an object imposes a structure but takes pluggable components |
| visitor | invoke a callback for all items of a collection |
| chaining_method | continue callback next object method |
| iterator | Provide a way to access the elements of an aggregate object sequentially |
What are all the pieces involved?
Traceur
Transpiles AtScript code into regular ES5 (today's JavaScript) so that it can be run in a current browser.
RequireJS
Traceur is configured to transpile AtScript modules into AMD syntax and we use RequireJS to load the code in the browser.
Assert library
When typeAssertions: true option is used, Traceur generates run-time type assertions such as assert.type(x, Object). The assert library does the actual run-time check. Of course, you can use your own assert library.
The idea with type assertions is that you only use them during the development/testing and when deploying, you use typeAssertions: false.
Karma
Test runner that runs the tests in specified browsers, every time that you change a file.
Gulp
Task runner to make defining and running the tasks simpler.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].