Приложение "Веб-мессенджер"

• Деплой
• Макет в фигме
• В качестве фреймворка реализован компонентый virtual dom подход по аналогии с react;
• JSX Pragma в качестве шаблонизатора;

jsx inpired by

• texsaur
• vanilla-jsx

vdom inspired by:

• react
• preact
• teact
• didact

Linters

• Stylelint
• ESLint
• Prettier

Required

• NodeJS

Install

1. Clone or Download this repository;
2. Open the terminal and install deps with yarn or npm i;
3. yarn dev or npm run dev for start dev-server;
4. Open http://localhost:5173 in your browser;

Stack

• TypeScript
• SCSS
• CSS Modules
• Jest

🐣 Порядок импортов

• HOC
• UI-компоненты
• Компоненты
• Хуки
• Роуты
• Сервисы
• Утилиты
• Константы
• Изображения
• Стили

Материалы

1. https://github.com/pomber/didact
2. https://github.com/nicojs/typed-html
3. https://reactjs.org/docs/hooks-reference.html
4. https://kaihao.dev/posts/Stale-props-and-zombie-children-in-Redux
5. https://medium.com/geekculture/create-your-own-react-context-b91060fd3ef0
6. https://formidable.com/blog/2021/stores-no-context-api/
7. https://codyhouse.co/blog/post/dark-light-switch-css-javascript
8. https://freshman.tech/snippets/typescript/fix-value-not-exist-eventtarget/
9. https://stephanwagner.me/only-css-loading-spinner
10. https://piccalil.li/blog/a-modern-css-reset
11. https://observablehq.com/@saneef/fluid-typography-css-clamp-value-generator
12. https://www.30secondsofcode.org/
13. https://pentacent.medium.com/nginx-and-lets-encrypt-with-docker-in-less-than-5-minutes-b4b8a60d3a71