summaryrefslogtreecommitdiff
path: root/src/leap/bitmask_js/notes.txt
diff options
context:
space:
mode:
Diffstat (limited to 'src/leap/bitmask_js/notes.txt')
-rw-r--r--src/leap/bitmask_js/notes.txt173
1 files changed, 173 insertions, 0 deletions
diff --git a/src/leap/bitmask_js/notes.txt b/src/leap/bitmask_js/notes.txt
new file mode 100644
index 00000000..39d60ed2
--- /dev/null
+++ b/src/leap/bitmask_js/notes.txt
@@ -0,0 +1,173 @@
+
+
+# BITMASK API
+
+https://0xacab.org/leap/leap_pycommon/blob/develop/src/leap/common/events/catalog.py
+
+
+
+
+https://github.com/rofrischmann/react-layout-components/blob/develop/modules/components/Box.jsx
+https://github.com/tastejs/todomvc/tree/master/examples
+
+ES6
+
+ https://github.com/DrkSephy/es6-cheatsheet
+ http://egorsmirnov.me/2015/06/14/react-and-es6-part2.html
+
+React component examples
+
+ https://github.com/Khan/perseus/tree/master/src/components
+ https://react.parts/web
+
+Props versus States
+
+ https://github.com/uberVU/react-guide/blob/master/props-vs-state.md
+
+
+Localization
+
+ https://github.com/martinandert/counterpart
+ http://www.localeplanet.com/
+
+Flexbox
+
+ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
+
+Style
+
+ Flat/Low Saturation visual language: https://www.youtube.com/watch?v=jAhjPd4uNFY
+
+
+testing
+-----------------------------------------
+
+https://github.com/airbnb/enzyme
+
+
+webpack
+------------------------------------------
+
+https://github.com/webpack/docs/wiki/optimization
+
+https://github.com/rauschma/webpack-es6-demo
+
+https://github.com/shakacode/react-webpack-rails-tutorial
+
+https://stackoverflow.com/questions/27639005/how-to-copy-static-files-to-build-directory-with-webpack#27651720
+
+react ui components
+--------------------------------------------
+
+material design
+
+ material-ui
+ http://www.material-ui.com
+ materialize
+ materialize looks to have the best css
+ https://react-materialize.github.io
+ http://materializecss.com
+ mui
+ https://www.muicss.com
+ react-material
+ react-polymer
+
+elemental
+ http://elemental-ui.com/
+ react-only toolkit
+
+foundation
+ used by pixelated user agent
+
+grommet.io
+
+topcoat
+ react-topui
+
+belle
+ "configurable react components with great UX"
+ use belle or bootstrap theme
+ nikgraf.github.com/belle
+
+react-islands
+ react implementation of yandex's islands design
+ github.com/narqo/react-islands
+
+Pivotol UI
+ react ui components styles for the Pivotal brand
+ http://styleguide.pivotal.io
+
+react
+------------------------
+
+react with es6 classes:
+
+https://facebook.github.io/react/docs/reusable-components.html#es6-classes
+
+
+redux
+-----------------
+
+http://redux.js.org/
+https://github.com/reactjs/redux
+ Redux is a predictable state container for JavaScript apps.
+ functional programming
+
+ oop with redux
+ https://github.com/newtoncodes/react-redux-oop
+ https://github.com/ddsol/redux-schema
+
+ boilerplates
+ https://github.com/markerikson/react-redux-links/blob/master/boilerplates-and-starter-kits.md
+ https://github.com/tsaiDavid/simple-redux-boilerplate
+
+ec6
+------------------
+
+ http://frontendjournal.com/javascript-es6-learn-important-features-in-a-few-minutes/
+ https://www.infoq.com/news/2015/03/react-es6-classes
+ https://github.com/google/traceur-compiler/wiki/Getting-Started
+ http://www.developerdrive.com/2011/08/top-10-must-follow-javascript-best-practices-2/
+
+
+react templates
+---------------------------------
+
+https://wix.github.io/react-templates/
+
+
+Toolchain
+-------------------
+
+processors
+ traceur
+ babel
+
+front-end package management
+ bower - https://bower.io/
+ component
+ npm + browserify
+ http://browserify.org/
+ and many others
+ https://github.com/wilmoore/frontend-packagers
+
+module builder
+ browserify
+ webpack
+
+testing framework
+ https://github.com/karma-runner/karma
+
+full frameworks
+------------------------
+
+http://aurelia.io/
+
+
+watcherify
+----------------------------
+
+
+#!/bin/bash
+watchify client/main.js -o public/bundle.js -dv &
+nodemon --exec npm run babel-node -- app.js