Valeriy Kobzar kobzarvs

frontend developer

kobzarvs / reduxDevTool.js

Created June 6, 2019 21:39

effector -> redux devtool

	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

	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

	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

kobzarvs / effector-addon.css

Created June 27, 2019 18:10

kobzarvs / plotly-candlestick.html

Created August 1, 2019 00:20

	<!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

	<!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

	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')

kobzarvs / app.tsx

Last active January 18, 2022 17:50

Простой пример использования effector-logger & effector-inspector без babel-plugin

	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