Create dynamics with React/Redux - Githubissues

njsaunders97 / guardianfiltered

App which sources articles from the Guardian and filters them by users' search and category preferences.

0 stars 0 forks source link

Create dynamics with React/Redux #21

Open njsaunders97 opened 4 weeks ago

njsaunders97 commented 4 weeks ago

Description

After creating the front-end visuals according to wireframe, only at this point will I start to create dynamics within the app i.e. a base definition of any functional connection between rendered React components.

This will include the beginnings of state management and TDD.

Why?

For both SoC and as a general experiment.

Acceptance Criteria

[ ] njsaunders97/guardianfiltered#20
[ ] njsaunders97/guardianfiltered#19
[ ] njsaunders97/guardianfiltered#18
[ ] njsaunders97/guardianfiltered#17
[ ] njsaunders97/guardianfiltered#16
[ ] njsaunders97/guardianfiltered#15
[ ] njsaunders97/guardianfiltered#14
[ ] njsaunders97/guardianfiltered#13
[ ] njsaunders97/guardianfiltered#12
[ ] njsaunders97/guardianfiltered#11

Dependencies

Children

njsaunders97 commented 3 weeks ago

REMEMBER - keep stateful and stateless components separate. For proper SoC, stateless components should:

Only render JSX
Be an exported component
Should not render itself, rather be rendered by a stateful component

This doesn't mean that the component is static - a change in props can also render a change in the rendered JSX.

njsaunders97 commented 3 weeks ago

REMEMBER - consider each new feature to be a slice of state. Look at 'Strategies for Complex State' in Redux notes.