Card component Dynamic rendering - Githubissues

WeMakeDevs / wemakedevs-archive

Inspire. Educate. Empower.

https://wemakedevs.org

MIT License

486 stars 318 forks source link

Card component Dynamic rendering #185

Closed AshuwinB closed 1 year ago

AshuwinB commented 1 year ago

Would you like to have a new feature? Please describe.

Currently data in card component of about section is manually filled.

Following changes made

A new data.js file created containing a array of objects with each object having data for each card.
A new Card.jsx file created which gets props from cards.jsx . It creates a instance of a card component.
cards.jsx now has a new variable cards which maps through the data array imported from data.js and gets each object one by one. And then it renders card component with key being id of object of data.

How would this feature be beneficial for the project

Dynamic rendering of card component
No need to manually code a new component. Just fill data in data.js file to get more cards
Code reusability

Additional context

No response

github-actions[bot] commented 1 year ago

Hey Hey! 👋🏻 Thank you so much for raising an issue The maintainers will get back to you soon for discussion over the issue!

In the meantime join our discord server and checkout our YouTube channel