Create first iteration for conference list page with data sourced from a markdown files in the repository about conference-buddy HOT 3 CLOSED

Hi! Thanks for the input!

I need to take a bit time to checkout how TS is used best in React and in combination with GraphQL (also: dive a bit into GraphQL 😅) to figure out how to use TS best and also how to separate files and probably also update the structure of the directory. It's a lot of new things right now (or: forgotten things), phew!

Really appreciate your input on that 🙏 so, please bring it on! I also have given you access to the priv repository "product development" where I want to write these kind of things down to keep track on them a bit, you can also use that if you want.

from conference-buddy.

Todos

• add styles for bigger screens (optimized for mobile first currently)
• add tests for existing small components (snapshot?)
• [ ]

Todos moved to next iteration

• check use of Layout component (test ability in mind)
• test accessibility manually
• graphql testing...??
• clean up typescript chaos and add proper typing / interfaces (maybe move that a bit until data structure is more clear?)
• check for automated accessibility testing

from conference-buddy.

The mapping between GraphQL results and TypeScript can be solved by defining a type for the properties in the pages. After all they need to follow a certain structure to be rendered properly. Eventually the proper structure of the pages could be verified using a JSON schema.

It could also help to separate the code that loads the data from the code that displays it, after all the TSX that renders the data doesn't need to care where the data comes from, and could be moved to a separate file.

from conference-buddy.