Files

examples

Glazer, Michael

moduled the source code separating state and stateless comps

Feb 6, 2020

d8f6e7e · Feb 6, 2020

Name		Name	Last commit message	Last commit date
parent directory ..
components		components	Update HOC.md	Aug 25, 2017
proxy		proxy	Update todo-tiny.js	Apr 23, 2016
react2mag		react2mag	finally made into npm	Mar 29, 2019
tutorials		tutorials	Create build-with-magjs-tutorial-stateless-functional-components.md	Mar 12, 2019
README.md		README.md	Update README.md	Sep 26, 2017
async.js		async.js	Rename new/example/async.js to examples/async.js	Apr 17, 2015
boilerplate.js		boilerplate.js	Create boilerplate.js	May 10, 2015
contacts.js		contacts.js	Update contacts.js	Apr 30, 2015
example.js		example.js	Rename new/example/example.js to examples/example.js	Apr 17, 2015
filter-component.js		filter-component.js	Update filter-component.js	May 6, 2015
filter.js		filter.js	Update filter.js	May 3, 2015
hello-proxy.js		hello-proxy.js	Rename new/example/hello-proxy.js to examples/hello-proxy.js	Apr 17, 2015
index.html		index.html	Update index.html	Sep 12, 2015
mag-store.md		mag-store.md	Update mag-store.md	Aug 12, 2017
nested.js		nested.js	Rename new/example/nested.js to examples/nested.js	Apr 17, 2015
script.js		script.js	Update script.js	Sep 12, 2015
simple-math.js		simple-math.js	Create simple-math.js	Aug 30, 2015
sortable.js		sortable.js	Rename new/example/sortable.js to examples/sortable.js	Apr 17, 2015
style.css		style.css	Rename new/example/style.css to examples/style.css	Apr 17, 2015
template.js		template.js	using webpack build and modules	Mar 31, 2019
test.js		test.js	moduled the source code separating state and stateless comps	Feb 6, 2020
todos.js		todos.js	Rename new/example/todos.js to examples/todos.js	Apr 17, 2015
utils.js		utils.js	Create utils.js	May 4, 2015

README.md

EXAMPLES

Complete Application

Application structure, nested components, web services, animation, promises... - Multiple Modules App

Tables, Lists & Forms

Invoice table form

Tabbed Component of Components

Drag & Drop - Mobile/touch support - Mobile/Touch shim - Take2

Drag drop swap list - Take 2 - Take 3 - Reorder

Dom

Communication - TagName - Multiple - Subscribe

Templating

Product search - filter example

Disable field AddOn - As Existing Object

Birthday countdown - Latest

Rot13 encoder app

Form select menu and table - Latest

Form field validation - Latest

Field length limit onload - v0.23

Limit number of characters in fields - Latest

Movie ticket quantity selection

Components

Show/Hide component example

Inner Modules swapping - Take2

Component with alternate children - Parent Child Components - Sortable List of Components

Dynamic node with css selector generation

Simple clean HoC - Simple dirty HoC - HoC dirty example - HoC dirty injection - HoC injection clean

Detach & reattach elements

Login/logout module with undo state - Latest

Login/Logout Modular w/router - Latest

Async & remote json data auto-loading w/caching & initialValues

Web service json request with loading feedback

Advanced

Redux simple - Redux Simple w/Mag reduxConnect - ActionCreator map

Redux simple Todo - Redux Todos

Mini-redux Modal Conductor - With mag.template

Mag Redux remote data source

Mag HTML Imports - Latest- Alternate html import call - Versatile options for HTML import

Mag.store -remote json api- simple todos - Readme