@tako./resume-builder-react

React components for rendering Resume on the web (headless, style with your CSS).

Install

npm install @tako./resume-builder-react

Requires @tako./resume-builder-core and react (peer).

Usage

Full page

import { ResumePage, type Resume } from "@tako./resume-builder-react"

<ResumePage data={resume} className="my-resume" />

Section components

import {
  BasicsSection,
  WorkSection,
  EducationSection,
  SkillsSection,
} from "@tako./resume-builder-react"

<article>
  <BasicsSection basics={resume.basics} />
  {resume.work?.length ? <WorkSection work={resume.work} /> : null}
  {resume.education?.length ? <EducationSection education={resume.education} /> : null}
  {resume.skills?.length ? <SkillsSection skills={resume.skills} /> : null}
</article>

Components use semantic HTML and data-resume-* attributes for styling.

API

• ResumePage – data: Resume, optional className
• BasicsSection – basics: Basics
• WorkSection – work: WorkExperience[]
• EducationSection – education: Education[]
• SkillsSection – skills: Skill[]

Types are re-exported from @tako./resume-builder-core.

Scripts

• npm run build – compile to dist/
• npm run test – run tests