Alexander Chudesnov Chudesnov

Effector is a brand new reactive state manager. Its ambitious team aims to solve all the problems that existing solutions have. Writing the core of the library from scratch took several attempts across six months, and recently the team released the first stable release.

In this article, I will show why I prefer using Effector for my new projects instead of other state managers. Let's get started with the Effector API.

Basics

Effector uses two concepts you might already be familiar with: store and event.

A store is an object that holds some value. We can create stores with the createStore helper:

import {createStore} from 'effector'

Делаем git status, убеждаемся, что working tree is clean. Если нет, делаем коммит со всем несохраненным.
Находясь в редакторе, удаляем ненужный код. Если надо, добавляем один строчный комментарий вида // TODO: добавить запрос к API
Делаем git add файла, который исправляли.
Делаем undo в редакторе, чтобы код появился в файле снова. Если он был закомментирован, удаляем символы // или /*
Делаем git commit
Делаем git stash save -u "[описание удаленного кода, например, «запрос к АПИ (не реализовано)»]"
Проверяем, что git status снова показывает working tree is clean, а в git stash list появилась новая запись
Когда пришло время вернуть код на место, пишем git stash apply stash@{0} (тут вместо 0 номер из git stash list)

Свободны:

прогнозы погоды в разных городах
записная книжка с разделами
учет финансов

Заняты

канбан-доска - В. Кузяева и Н. Цветкова
музыкальный плеер с плейлистами - М. Переверзев и К. Прохорова

Какие опции за что отвечают в package.json

Основной список можно посмотреть в документации npm, есть также подробное описание всех стандартных опций. Все остальные опции (babel, jest, eslintConfig, etc.) предназначаются для соответствующих пакетов, соответственно, описание опций вы сможете прочитать на их сайтах.

Чем отличается добавление команды в scripts от такой же команды в консоли (или алиаса)

Доступом к дополнительным путям в $PATH. Если вы, к примеру, установили в проекте webpack, то это не позволит вам запустить его, находясь в папке с проектом, просто командой webpack – придется писать ./node_modules/.bin/webpack или вовсе node ./node_modules/webpack/bin/webpack.js. Добавив в package.json скрипт, скажем, с названием build, и текстом webpack вы обнаружите, что при вводе npm run build или npm build webpack будет запущен

	/**
	* Fetch all urls as fast as possible.
	* Concurrency limits the amount of simultaneous window.fetch calls.
	* Return fetched results in preserved order.
	*/
	export async function fetchAll<T>(urls: string[], concurrency: number = 3): Promise<T[]> {
	const results: T[] = [];
	const pool: Set<Promise<T>> = new Set();

	let next: () => void = () => {};

	// Listen to all errors
	this.errorEventListener = event => {
	if (this._isSet) {
	global.removeEventListener('error', this.uncaughtErrorHandler); // remove from the queue in case it was previously added
	}
	global.addEventListener('error', this.uncaughtErrorHandler); // should always get appended the end of the list.
	this._isSet = true; // set a flag to check in later error events.
	}
	// Report uncaught errors.
	this.uncaughtErrorHandler = event => {

	function myUpload (url, file) {
	return new Observable(subscriber => {
	const request = new XMLHttpRequest();
	request.onload = function(data) {
	subscriber.next(data);
	subscriber.complete();
	}
	request.onerror = function(error) {
	subscriber.error(error);
	}


	function renderUserProfile(userId) {
	return fetch('/api/user').then(response => response.json()).then(user => {
	const {
	firstName,
	lastName,
	links
	} = user;

	const result = {

	const ourPromise = new Promise((resolve, reject) => {
	setTimeout(() => resolve('Hello'), 1000)
	});

	ourPromise
	.then(resolvedValue => {
	return resolvedValue;
	})
	.then(anotherValue => {
	return new Promise((resolve, reject) => {

	// const myFetch = require('data-fetching');

	function myFetch (url, callback) {
	const request = new XMLHttpRequest();
	request.onload = function(data) {
	callback(null, data);
	}
	request.onerror = function(error) {
	callback(error);
	}