React tasks
Table of Contents
Task 2: Explore mdx stuff deeper
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Explore mdx stuff deeper | Explore mdx stuff deeper | "" | "" | "" |
Reason or Problem
Eexplore mdx stuff deeper
- https://github.com/mdx-js/mdx/issues/197
- https://egghead.io/lessons/react-use-mdxprovider-to-control-the-rendering-of-markdown-elements-with-gatsby-mdx
- https://mdxjs.com/guides/wrapper-customization/
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Task 3: Design system
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Design system | Design system | "" | "" | "" |
Reason or Problem
Should we think about design system
or just have quick itterations and generate more templates instead.
- https://blog.bitsrc.io/independent-components-the-webs-new-building-blocks-59c893ef0f65
- https://blog.bitsrc.io/how-we-build-our-design-system-15713a1f1833
- https://martinfowler.com/articles/micro-frontends.html
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Task 4: Storybook
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Storybook | Storybook | "" | "" | "" |
Reason or Problem
Should we think about design system
or just have quick itterations and generate more templates instead.
- https://blog.bitsrc.io/independent-components-the-webs-new-building-blocks-59c893ef0f65
- https://blog.bitsrc.io/how-we-build-our-design-system-15713a1f1833
- https://martinfowler.com/articles/micro-frontends.html](https://app.asana.com/0/1201360899207493/1201361028365055
will storybook generation help us to move components forward?
as we have a lot of similar repositories - by making it work - we can simply make a great improvement
Link: https://github.com/LLazyEmail/react-email-table/issues/85 I also need to find a way to share a video
https://user-images.githubusercontent.com/1469198/180625210-f9cc8abf-7fb8-4596-8904-22458886f800.mp4)
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Task 5: Display on preview
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Display on preview | Display on preview | "" | "" | "" |
Reason or Problem
Display on a previewjs 3 different letters from a billing folder
https://github.com/LLazyEmail/remix-google-billing-email-template
https://github.com/LLazyEmail/remix-amazon-billing-email-template
https://github.com/LLazyEmail/remix-stripe-billing-email-template
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Task 6: Test table components and freeze development
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Test table components and freeze development | Table components and freeze development | "" | "" | "" |
Reason or Problem
https://github.com/LLazyEmail/react-email-table
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Acceptance scenarios
Other Design tenets
Performance
Task 7: Basic React components working without a lot of efforts
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Basic React components working without a lotof efforts | Basic React components | "" | "" | "" |
Reason or Problem
Table
Misc
Simple templates without complex styles in head
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Acceptance scenarios
Other Design tenets
Task 8: Remark research for Markdown to Html generator #754
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Remark research for Markdown to Html generator | Markdown and Html generator | "" | "" | "" |
Reason or Problem
React module issue: #142
https://github.com/remarkjs/remark/tree/main/packages/remark-parse
https://github.com/atherdon/markdown-to-email/tree/remark_research
- read article https://www.ryanfiller.com/blog/remark-and-rehype-plugins
- find great tutorial for remark parser
- find out how to create custom md elements and change markup
https://braincoke.fr/blog/2020/03/an-introduction-to-unified-and-remark/#syntax-trees
https://github.com/unifiedjs/handbook#writing-a-plugin-to-modify-headings
Links that can help in future: https://swizec.com/blog/custom-markdown-extensions-with-remark-and-hast-handlers/
Proposal or Solution
A clear and concise description of what you want to happen.
Design
UMLs or describe entities involved, their behaviors and relationships.
Sample usage
Clear set of instructions
Alternatives solutions
A clear and concise description of any alternative solutions or features you've considered.
Stakeholders and Dependent software components
Testing plan
Acceptance scenarios
Other Design tenets
Performance
Task 9: Try to make "full-template" work #385
Name | About | Title | Labels | Assignees |
---|---|---|---|---|
Try to make "full-template" work | "full-template" work | "" | "" | "" |
Reason or Problem
atherdon:
получается что мы начали работу над этими темплейтами, но она явно не очень была закончена. предлагаю попробывать вывести какие то данные и посмотреть, как все работает в реакт ветке
сс @coder-do
coder-do:
да full template не работает, вот почему - файл https://github.com/atherdon/markdown-to-email/blob/react-components-stage-zero/templates/full/Body/BodyPrototype.js пустой и поэтому кроме ошибок ничего не выводилось - я для теста взял контент этого же файла из first
страницы и фулл тоже запустился. Я просто не знаю что должно быть в фулл темплейте(контент имею ввиду) если заполнить этот файл все сработает норм
Плюс в full template нету компонента для футера!