| import React, { Component, createElement } from 'react' | |
| import Store from './store'; // using createStore of redux | |
| // hoc | |
| function connect(WrappedComponent) { | |
| return class extends Component { | |
| constructor(props) { | |
| super(props); | |
| this.state = { | |
| data: Store.getState() |
| function queryParamsParser(s) { | |
| var params = {}; | |
| if (typeof s === 'string' && s.indexOf('?') >= 0) { | |
| var a = s.substr(1).split('&'); | |
| for (var i = 0; i < a.length; i++) { | |
| var b = a[i].split('='); | |
| if (b[0] !== '') | |
| params[b[0]] = b[1]; | |
| } | |
| } |
| function validateEmail(text) { | |
| if (typeof text === 'string' && text !== '') { | |
| return (/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/).test(text); | |
| } | |
| return false; | |
| } |
| Math.easeInOutQuad = function (t, b, c, d) { | |
| t /= d/2; | |
| if (t < 1) return c/2*t*t + b; | |
| t--; | |
| return -c/2 * (t*(t-2) - 1) + b; | |
| }; | |
| /* | |
| scrollTo(element.scrollTop || 200, 400) |
| /* | |
| var elm = new classUtils('body'); | |
| elm.add('modal-open'); | |
| elm.add('bg-white fg-dark'); // add multple class with space seprated | |
| elm.removeAll(); | |
| elm.remove('modal-open'); | |
| */ | |
| function classUtils(elm) { |
| /* | |
| findNumberLen(25) | |
| */ | |
| function findNumberLen(num) { | |
| return Math.ceil(Math.log10(Math.abs(num) + 1)) | |
| } |
| /* | |
| ceilToNearest(5) | |
| > 10 | |
| */ | |
| function ceilToNearest(num) { | |
| let len = Math.ceil(Math.log10(Math.abs(num) + 1)) | |
| let divisor = Math.pow(10, (len - 1) === 0 ? 1 : (len - 1)) | |
| if (num % divisor > 0) { | |
| return (Math.round(num / divisor) + 1) * divisor |
| /* | |
| import AsyncComponent from './asyncComponent' | |
| <AsyncComponent load={() => import('./componentPath')}> | |
| {Component => (<Component />)} | |
| </AsyncComponent> | |
| */ | |
| import React from 'react' |
Note: A closure is basically when an inner function has access to variables outside of its scope. Closures can be used for things like implementing privacy and creating function factories.
const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {
setTimeout(function() {
| /* | |
| * Author: Ravi Dhiman | |
| * Email: [email protected] | |
| * | |
| * Usage: Add scripts in `package.json` file | |
| * | |
| * "start": "webpack-dev-server --config=webpack.config", | |
| * "build": "webpack --config=webpack.config --prod" | |
| * | |
| * Dependencies: |