@britannica/cra-template

Britannica's create-react-app template

Usage no npm install needed!

<script type="module">
  import britannicaCraTemplate from 'https://cdn.skypack.dev/@britannica/cra-template';
</script>

README

@britannica/cra-template

Britannica's create-react-app template

Usage

$ npx create-react-app --template @britannica/cra-template

In the box

Built with Reactstrap

React Router w/ routing utility methods

// When defining routes
<Route path={Routes.POST.path} /> // <Route path="/post/:id" />

// When building links
<Link to={Routes.POST.toLink({ id: 123 })} /> // <Link to="/post/123" />

Create resusable layouts using Templates

// In our example, DefaultTemplate contains our Header and Footer, which will automatically be included
const MyPage = () => (
  <DefaultTemplate>
    <Container>
      <h1>My Page</h1>
      {/* ...the rest of the page */}
    </Container>
  </DefaultTemplate>
);

Automatic linting on commit

To-do

Add Storybook configuration
Add stories for components
Add tests for components
Add generate-react-cli.json configuration
Remove <Fragment /> from *.lazy.js files