DEV Community

Cover image for Donut's template for Reactjs

Donut's template for Reactjs

bybruno profile image Bruno Farias Updated on ・1 min read

Alt Text

 npx create-react-app donut --template donuts
 // Or
 yarn init react-app my-app --template donuts
Enter fullscreen mode Exit fullscreen mode

Donut Template is a preconfigured template for reactjs applications.

  • Default route setting

  • Folder Structure

  • Absolute routes set, use alias '@' to import your files

  • Styles with Styled Components

Alt Text

The template comes pre-configured with superdonuts, the CLI for quick setup and file generation.


// Configure Eslint
 yarn run superdonut configure:eslint 

// Create Component
 yarn run superdonut generate:component MyComponent

// Create Page
 yarn run superdonut generate:page Main

Enter fullscreen mode Exit fullscreen mode

Learn More


Editor guide
dgiulian profile image
Diego Giuliani

Looks really awesome. Thanks for sharing.