Телеграмм чат группы effector

Можно было бы сохранять в чистом виде все имена на ноде, а из инспектора показывать требуемую детализацию

информации довольно много, сейчас эффектор сохраняет далеко не всё

01:32пожаловаться #1

🚀🚀

причём цепочка имён фабрик на самом деле состоит из пар строк — название вызванной фабрики и имя результата

[$reqStatus, createStatus] / [postRequestFx, createRequest] / [restApi, createRestApi]

это всё информация получаемая для такого кода:

const root = createDomain()
const apiDomain = root.createDomain()

function createStatus() {
  return apiDomain.createStore('idle')
}

function createRequest() {
  const $reqStatus = createStatus()
  const fx = apiDomain.createEffect()
  return fx
}

function createRestApi() {
  const postRequestFx = createRequest()
  const getRequestFx = createRequest()
  return {post: postRequestFx, get: getRequestFx}
}

const restApi = createRestApi()

01:33пожаловаться #2

🚀🚀

это всё информация получаемая для такого кода:

const root = createDomain()
const apiDomain = root.createDomain()

function createStatus() {
  return apiDomain.createStore('idle')
}

function createRequest() {
  const $reqStatus = createStatus()
  const fx = apiDomain.createEffect()
  return fx
}

function createRestApi() {
  const postRequestFx = createRequest()
  const getRequestFx = createRequest()
  return {post: postRequestFx, get: getRequestFx}
}

const restApi = createRestApi()

скомпилируется примерно в такое:

const root = createDomain({name: 'root', sid: '1'})
const apiDomain = root.createDomain({name: 'apiDomain', sid: '2'})

function createStatus() {
  return apiDomain.createStore('idle', {sid: '3'})
}

function createRequest() {
  const $reqStatus = withFactory({
    name: '$reqStatus',
    method: 'createStatus',
    sid: '4',
    fn: () => createStatus()
  })
  const fx = apiDomain.createEffect({name: 'fx', sid: '5'})
  return fx
}

function createRestApi() {
  const postRequestFx = withFactory({
    name: 'postRequestFx',
    method: 'createRequest',
    sid: '6',
    fn: () => createRequest()
  })
  const getRequestFx = withFactory({
    name: 'getRequestFx',
    method: 'createRequest',
    sid: '7',
    fn: () => createRequest()
  })
  return {post: postRequestFx, get: getRequestFx}
}

const restApi = withFactory({
  name: 'restApi',
  method: 'createRestApi',
  sid: '8',
  fn: () => createRestApi()
})

01:37пожаловаться #3

🚀🚀

скомпилируется примерно в такое:

const root = createDomain({name: 'root', sid: '1'})
const apiDomain = root.createDomain({name: 'apiDomain', sid: '2'})

function createStatus() {
  return apiDomain.createStore('idle', {sid: '3'})
}

function createRequest() {
  const $reqStatus = withFactory({
    name: '$reqStatus',
    method: 'createStatus',
    sid: '4',
    fn: () => createStatus()
  })
  const fx = apiDomain.createEffect({name: 'fx', sid: '5'})
  return fx
}

function createRestApi() {
  const postRequestFx = withFactory({
    name: 'postRequestFx',
    method: 'createRequest',
    sid: '6',
    fn: () => createRequest()
  })
  const getRequestFx = withFactory({
    name: 'getRequestFx',
    method: 'createRequest',
    sid: '7',
    fn: () => createRequest()
  })
  return {post: postRequestFx, get: getRequestFx}
}

const restApi = withFactory({
  name: 'restApi',
  method: 'createRestApi',
  sid: '8',
  fn: () => createRestApi()
})

все строки на экране стакаются вместе по мере вызова фабрик, ичсх, с каждым шагом число родителей растёт

01:39пожаловаться #4

🚀🚀

поэтому желательно просто заранее решить, что должен вывести логгер для такого кода а потом уже выбрать как хранить

01:40пожаловаться #5

c⁣

скомпилируется примерно в такое:

const root = createDomain({name: 'root', sid: '1'})
const apiDomain = root.createDomain({name: 'apiDomain', sid: '2'})

function createStatus() {
  return apiDomain.createStore('idle', {sid: '3'})
}

function createRequest() {
  const $reqStatus = withFactory({
    name: '$reqStatus',
    method: 'createStatus',
    sid: '4',
    fn: () => createStatus()
  })
  const fx = apiDomain.createEffect({name: 'fx', sid: '5'})
  return fx
}

function createRestApi() {
  const postRequestFx = withFactory({
    name: 'postRequestFx',
    method: 'createRequest',
    sid: '6',
    fn: () => createRequest()
  })
  const getRequestFx = withFactory({
    name: 'getRequestFx',
    method: 'createRequest',
    sid: '7',
    fn: () => createRequest()
  })
  return {post: postRequestFx, get: getRequestFx}
}

const restApi = withFactory({
  name: 'restApi',
  method: 'createRestApi',
  sid: '8',
  fn: () => createRestApi()
})

Пока читал этот пример, возник вопрос.
Если я описал фабрику и использую ее в том же файле, получается она не будет завернута в withFactory?

01:41пожаловаться #6

🚀🚀

Пока читал этот пример, возник вопрос.
Если я описал фабрику и использую ее в том же файле, получается она не будет завернута в withFactory?

да. этот эдж кейс не поддерживается потому что с большой долей вероятности для бабеля изнутри файла имя модуля будет значительно отличаться от публичного

01:42пожаловаться #7

🚀🚀

проще говоря, нет возможности узнать что ты находишься в модуле @utils/store

01:42пожаловаться #8

c⁣

да. этот эдж кейс не поддерживается потому что с большой долей вероятности для бабеля изнутри файла имя модуля будет значительно отличаться от публичного

А также если у меня в модуле помеченном factories лежат не только фабрики эффектора, то все завернется в withFactory? Хуки реакта, например

01:43пожаловаться #9

🚀🚀

да, лучше фабрики ни с чем не смешивать

01:44пожаловаться #10

S

Sergey in ☄️ effector

Добрый вечер ребят, решил заценить effector/inspector, столкнулся с проблемой, будто стили не подгружаются
Наверное я как обычно делаю что-то не так.

01:44пожаловаться #11

S

Sergey in ☄️ effector

01:44пожаловаться #12

🚀🚀

А также если у меня в модуле помеченном factories лежат не только фабрики эффектора, то все завернется в withFactory? Хуки реакта, например

но от того что функция завернётся в withFactory ей ничего не будет, withFactory в котором ничего не происходит ничего и не делает, no-op

01:44пожаловаться #13

NN

Nikita N. in ☄️ effector

ворвусь со своими бесполезными проблема.
Есть вот такой код. creareSendGQL это функция которая создает эффект который посылает запросы на основе урла который прилетает из стора.
Я тут осознал, что невозможно описать гейт так, чтоб в нем изначально были данные?

01:44пожаловаться #14

c⁣

но от того что функция завернётся в withFactory ей ничего не будет, withFactory в котором ничего не происходит ничего и не делает, no-op

Это радует

01:45пожаловаться #15

c⁣

А вот локальные фабрики хочется детектить, я их часто юзаю

01:45пожаловаться #16

c⁣

Sergey

Ошибок нет?

01:46пожаловаться #17

🚀🚀

А вот локальные фабрики хочется детектить, я их часто юзаю

import {foo as _foo} from './foo'

export function foo() {}

export function bar() {return _foo()}

🥶

01:46пожаловаться #18

🚀🚀

Nikita N.

ворвусь со своими бесполезными проблема.
Есть вот такой код. creareSendGQL это функция которая создает эффект который посылает запросы на основе урла который прилетает из стора.
Я тут осознал, что невозможно описать гейт так, чтоб в нем изначально были данные?

createGate({defaultState: {name: 'guest}})

01:47пожаловаться #19

NN

Nikita N. in ☄️ effector

Nikita N.

ворвусь со своими бесполезными проблема.
Есть вот такой код. creareSendGQL это функция которая создает эффект который посылает запросы на основе урла который прилетает из стора.
Я тут осознал, что невозможно описать гейт так, чтоб в нем изначально были данные?

хотя defaultState в гейт можно прокинуть.