effector / razzle-template

SSR template with React, Effector, TypeScript, ReactRouter, and StyledComponents

Effector SSR Template

Note: this is template slightly outdated and will be updated as soon as possible.

How to use

1. Press Use this template button.

2. Clone it, install and run:

yarn install
yarn start

• Use import {} from "effector-root" instead of "effector". All units should be created in the root domain.
• Use createStart, withStart and useStart from page-routing.ts for pages start events.

Structure

https://sova.dev/application-structure

• src/server.tsx — Express server, that renders React to stream
• src/index.tsx — Node.js entry point, that have hot module replacement and imports server
• src/client.tsx — Browser side entry point, that hydrates stores and react app
• src/application.tsx — Application component, that have global styles and effector provider
• src/pages/index.tsx — Pages component
• src/pages/routes.ts — Static routes config
• src/pages/:page-name/index.tsx — View for single specific page
• src/pages/:page-name/model.ts — Business-logic for specific page, that contains single level logic layer
• src/lib — Internal libraries
• src/lib/effector — START event name to use as page property

razzle-template's Issues

Do not ran logic on browser after hydrate

accesso-app/frontend@813df4c

Cannot find module 'lib/page-routing' from 'index.tsx'. Jest can not resolve shortcats like 'lib/some' as '../../lib/some'

there is an error while trying to run tests after installation:

1. run yarn
2. run yarn test

here is the whole output

Add helpers for calling pageLoaded event on the client

Update lib/effector.ts with helpers from accesso:

• typings for start event
• hook useStart for emitting start event on the client
• createStart factory for creating start event

Add tests and CI

`TypeError [ERR_INVALID_URL]: Invalid URL` on loading a page

there is some error message about the wrong URL that went to the Url class.