Valeriy Kobzar kobzarvs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { createStore as createReduxStore } from 'redux' | |
| import { devToolsEnhancer } from 'redux-devtools-extension' | |
| const redux = createReduxStore((state, { payload }) => payload, devToolsEnhancer()) | |
| export function useReduxDevTool(store) { | |
| store.watch(payload => redux.dispatch({ type: 'CHANGE', payload })) | |
| } |
kobzarvs
/ effector-addon.js
Created
June 7, 2019 19:45
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useLayoutEffect, useRef } from 'react' | |
| import { useStore } from 'effector-react' | |
| import * as effector from 'effector' | |
| import { pathOr } from 'ramda' | |
| const trackCreateStore = effector.createEvent('trackCreateStore') | |
| const trackCreateEvent = effector.createEvent('trackCreateEvent') | |
| const trackCreateEffect = effector.createEvent('trackCreateEffect') | |
| const trackCreateStoreObject = effector.createEvent('trackCreateStoreObject') |
kobzarvs
/ effector-addon.js
Created
June 27, 2019 18:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { useStore } from 'effector-react' | |
| import * as effector from 'effector' | |
| import { combine } from 'effector' | |
| import { pathOr } from 'ramda' | |
| import React, { useLayoutEffect, useRef } from 'react' | |
| import ReactDOM from 'react-dom' | |
| import { chromeDark, ObjectInspector, ObjectLabel } from 'react-inspector' | |
| import { throttle } from 'lodash' | |
| import './effector-addon.css' |
kobzarvs
/ effector-addon.css
Created
June 27, 2019 18:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .button { | |
| border: 1px solid #555; | |
| text-align: center; | |
| padding: 0 12px; | |
| color: #ddd; | |
| cursor: pointer; | |
| } | |
| .button:hover { | |
| background: rgba(255, 255, 255, .25) |
kobzarvs
/ effector-addon.css
Created
June 27, 2019 18:10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .button { | |
| border: 1px solid #555; | |
| text-align: center; | |
| padding: 0 12px; | |
| color: #ddd; | |
| cursor: pointer; | |
| } | |
| .button:hover { | |
| background: rgba(255, 255, 255, .25) |
kobzarvs
/ plotly-candlestick.html
Created
August 1, 2019 00:20
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CandleStick Chart</title> | |
| <style> | |
| #chart { | |
| border: 1px solid red; |
kobzarvs
/ plotly-candlestick.html
Created
August 1, 2019 00:24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CandleStick Chart</title> | |
| <style> | |
| #chart { | |
| border: 1px solid red; |
kobzarvs
/ loadModule.js
Created
March 28, 2020 18:13
effector - загрузка npm пакетов и пример three.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| async function loadModule(url, removeExports) { | |
| delete window.exports | |
| const text = await (await fetch(url)).text() | |
| window.eval(text) | |
| return text | |
| } | |
| await loadModule('https://threejs.org/build/three.js') | |
| await loadModule('https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js') |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { useEvent, useStore } from 'effector-react'; | |
| import { $counter, dec, inc, reset } from './counter'; | |
| export const App = () => { | |
| const counter = useStore($counter); | |
| const api = useEvent({ inc, dec, reset }); | |
| return ( | |
| <div> |
kobzarvs
/ try-catch-finally.js
Created
January 15, 2022 00:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| _try = (cb) => { | |
| let error; | |
| try { | |
| cb(); | |
| } catch(e) { | |
| error = e; | |
| } | |
| const result = { | |
| catch: (err, handler) => { |
OlderNewer