c33k · March 11, 2018 16:39 · Mar 11, 2018 · Mar 6, 2018 · Mar 6, 2018 · Mar 6, 2018
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -135,3 +135,22 @@ or bankai includes these by default with no config:
 ```
    $ bankai build main.js public/
 ```
+### SPLIT2 - split a file in chunks that represent each line
+#example: counting the number of lines in a file (same as wc -l < file.txt)
+
+var split = require('split2')
+var through = require('through2')
+var count = 0
+process.stdin
+    .pipe(split())
+    .pipe( through(write, end))
+    .pipe(process.stdout)
+
+function write(buf, enc, next) {
+    count++
+    next()
+}    
+
+function end() {
+    console.log(count)
+}
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -11,6 +11,10 @@ browserify *.js > bundle.js
 
 budo tests.js
 
+if i want to pass options to browserify:
+
+budo file.js -- -t coverify
+
 # BROWSER-RUN - expects JavaScript payloads from stdin and wrap it in body, script-src and runs it in the browser.
 # Everytime you use console.log, it will send it to stdout - connection via websocket or xhr
 

diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -115,4 +115,19 @@ using:
 *yo-yo/bel/hyperx
 *sheetify
 
+### BUILDING FOR PRODUCTION
 
+browserify transforms for yo-yo/bel/choo dev:
+
+*yo-yoify - transforms template strings into expressions (its good if you need support for older browsers)
+    ex.: browserify -t yo-yoify yo.js
+
+*unassertify - libraries add a lot of asserts to test. Use this browserify transform to remove the asserts
+
+*sheetify - transform that lets you do inline CSS
+
+or bankai includes these by default with no config:
+
+```
+   $ bankai build main.js public/
+```
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -105,4 +105,14 @@ var server = http.createServer(function(req, res) {
         }
     })
     ```
+
+###CHOO
+minimal (4kb) modular redux architecture
+https://choo.io
+
+using:
+
+*yo-yo/bel/hyperx
+*sheetify
+
 
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -92,9 +92,10 @@ var server = http.createServer(function(req, res) {
 #ROUTING
     in server and in the browser
 
-    * history.pushState
+    * history.pushState - update the URL (state) without navigating to that URL
 
-    ```js
+    ```js - this is a trick in case you do routing in the browser.
+    //attaching the event on the window, you can intercept every click and check if the user is navigating to an internal url
     window.addEventListener('click', function(ev) {
         var el = ev.target
         if(el.tarName.toUpperCase() === 'A' 
@@ -103,4 +104,5 @@ var server = http.createServer(function(req, res) {
             //call ev.prevendDefault()
         }
     })
+    ```
 
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -75,3 +75,32 @@ com diffing with real DOM nodes
 * faster in some cases than a virtual DOM
 * interop with vanilla DOM modules
 
+###ROUTES
+var http = require('http')
+var router = require('routes')
+router.addRoute('GET /name/:name', function (req, res, m) {
+    res.end('name=' + m.params.name + \n'')
+})
+
+var server = http.createServer(function(req, res) {
+    var m = router.match(req.method + ' ' + req.url)
+
+    if(m) m.fn(req, res, m)
+    else st(req, res)
+})
+
+#ROUTING
+    in server and in the browser
+
+    * history.pushState
+
+    ```js
+    window.addEventListener('click', function(ev) {
+        var el = ev.target
+        if(el.tarName.toUpperCase() === 'A' 
+        && el.getAttribute('href')) {
+            //if the link can be handled by the router,
+            //call ev.prevendDefault()
+        }
+    })
+
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -53,3 +53,25 @@ node:
 https://travis-ci.org/$USER/$REPO
 
 click in "activate repo"
+
+### TEMPLATE STRINGS ###
+#hyperx: create a tag for your template strings that are HTMLs
+
+var hyperx = require('hyperx')
+var html = hyperx(function (tagName, props, children) {
+    console.log(tagName, props, children)
+    return 'something'
+})
+
+var n=5;
+console.log(html`
+    <div class="cocoCLass" data="${n*1000}">
+    </div>
+`)
+
+#yo-yo
+com diffing with real DOM nodes
+
+* faster in some cases than a virtual DOM
+* interop with vanilla DOM modules
+
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -48,3 +48,8 @@ node:
 - Add a badge to your README.md:
 
 [![build_status](https://travis-ci.org/substack/parse-messy-time.svg)](https://travis-ci.org/substack/parse-messy-time)
+
+- travis-ci github webhook
+https://travis-ci.org/$USER/$REPO
+
+click in "activate repo"
diff --git a/fm-tests-modules.txt b/fm-tests-modules.txt
@@ -35,4 +35,16 @@ nyc tape <test files path>
 
 ### CONTINUOUS INTEGRATION ###
 
+- create a .travis.yml file containing something like this:
 
+```
+language: node_js
+node:
+    - "7"
+    - "6"
+    - "4"    
+```
+
+- Add a badge to your README.md:
+
+[![build_status](https://travis-ci.org/substack/parse-messy-time.svg)](https://travis-ci.org/substack/parse-messy-time)
diff --git a/fm-tests-in-browser.txt → fm-tests-modules.txt b/fm-tests-in-browser.txt → fm-tests-modules.txt
@@ -1,4 +1,4 @@
-# Useful tools:
+# USEFOOL TOOLS
 npm i -g browserify
 npm i budo -g
 npm i browser-run -g
@@ -20,13 +20,19 @@ browserify *.js | browser-run -b chrome
 
 modules: acorn, falafel
 
-### Code Coverage
+### CODE COVERAGE
 
 #coverify
 
 browserify -t coverify test/*.js --node | node | coverify
 
-#in the browser
-browserify -t coverify test/*.js --node | browser-run -b chrome | coverify
+    #in the browser
+    browserify -t coverify test/*.js --node | browser-run -b chrome | coverify
+
+# NYC - test coverage
+nyc npm test
+nyc tape <test files path>
+
+### CONTINUOUS INTEGRATION ###
 
 
diff --git a/fm-tests-in-browser.txt b/fm-tests-in-browser.txt
@@ -20,4 +20,13 @@ browserify *.js | browser-run -b chrome
 
 modules: acorn, falafel
 
+### Code Coverage
+
+#coverify
+
+browserify -t coverify test/*.js --node | node | coverify
+
+#in the browser
+browserify -t coverify test/*.js --node | browser-run -b chrome | coverify
+
 
diff --git a/fm-tests-in-browser.txt b/fm-tests-in-browser.txt
@@ -15,3 +15,9 @@ budo tests.js
 # Everytime you use console.log, it will send it to stdout - connection via websocket or xhr
 
 browserify *.js | browser-run -b chrome
+
+### ABSTRACT SYNTAX TREE ###
+
+modules: acorn, falafel
+
+
diff --git a/fm-tests-in-browser.txt b/fm-tests-in-browser.txt
@@ -0,0 +1,17 @@
+# Useful tools:
+npm i -g browserify
+npm i budo -g
+npm i browser-run -g
+
+#example:
+browserify *.js > bundle.js
+
+# BUDO - browserify your tests and run it in the browser, without the need for you to create a html do load a bundle.js, 
+# for example, generated by browserify
+
+budo tests.js
+
+# BROWSER-RUN - expects JavaScript payloads from stdin and wrap it in body, script-src and runs it in the browser.
+# Everytime you use console.log, it will send it to stdout - connection via websocket or xhr
+
+browserify *.js | browser-run -b chrome
No results found