Migrate of BlogCard, NodeFeature, and Hero from nodejs.dev

[ovflowd]

Continuing the migration of components from nodejs.dev that we started here, we want to migrate a few other small Components that are used in a few pages but that don't really belong anywhere right now.

This issue will keep track of these components and their development progress.

The Migration of each Component

• Each Component has its sub-folder (e.g., components/Banner)
• The folder structure should pretty much be the same (CSS components, React, and sub-components), but feel free to make changes if you see deemed
• Please add some if the Component still needs to get unit tests. At least to ensure the Component is rendering. If the Component has states/CTAs (Buttons/Triggers), please cover them too.
• The Storybook of each component should allow interaction with all possible states of the Component
• If the Component depends on Hooks, please migrate them too, with the following caveat:
  • If that component only uses the Hook, move it to the same folder of the Component
  • Otherwise, migrate it to the hooks folder of the repository.
• If the Component has a Gatsby-specific logic (e.g. Dark Theme Switcher), if it is straightforward enough (e.g. a dark theme switcher plugin for Next.js or it is simple enough to code by ourselves, e.g. a Hook that we manage together with a React Provider) then feel free to do it.
  • Otherwise, if you have questions, please ask them on this Issue or your Draft PR for the Component.

List of Components to Migrate

• NodeFeature @AugustinMauroy
  • This Component should go under components/Home
• BlogCard @Harkunwar
  • This Component should go under components/Blog
• Hero @ktssr
  • This Component should be placed within components/Home
  • The NodeReleasesData type should be changed to the existing types we have for Node Release Data
  • Note to check if this issue still happens
  • This Component requires Migrate useDetectOs hooks from nodejs.dev #5310 to be done first

[Harkunwar]

I'll start work on migrating the BlogCard component.

[ktssr]

Will pick Hero component

[AugustinMauroy]

Hey folks !
Can I take node feat ?

[ovflowd]

Sure thing. But there are still open topics on the ShellBox one... But feel free to tackle Node Feat :)

[AugustinMauroy]

@ovflowd I have corrected with the feedback. Unless there is an error in understanding 😄

[AugustinMauroy]

Should I put my component in home/NodeFeat.tsx or in home/nodefeat/index.tsx ?

[ovflowd]

components/Home/NodeFeature/index.tsx

[ovflowd]

⚠️ Important Update

Due to this update, we're halting all Component development for now until further notice, as the design will significantly diverge, and we do not want to spend time writing Components we don't even know if a counterpart should exist.

Please follow this discussion as we're going to update as soon as we have final designs and a plan for what should be done. Designs and further information will be shared soon.

[ovflowd]

We're closing this issue for the time-being as we're going either to update these issues if needed or create new ones for the development of the new design.