Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Use functional components where possible

Open
  • Is something wrong?
#154 0 comments 0 reactions 1 assignee View on GitHub

@Brymon is already working on this.

Since Oct 19, 2018.

Assessment

This issue has not been assessed yet.

Description

quick-fix refactoring

If you have React components that only call render you can express this more succinctly (and React runs them faster) as a functional component:

const BackButton = ({ link }) => (
  <Link to={link}>
    ...
  </Link>
);

Destructing the props argument is a super-common React pattern that can clean up your code quite a lot.

Dominant language
JavaScript
Stars
4
Forks
2
No merged PRs in 30d

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from fac-14/OSCEBossKey

All issues in fac-14/OSCEBossKey

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.