{"id":21017,"library":"buble-react-rollup-starter","title":"buble-react-rollup-starter","description":"A boilerplate for building web apps with React, Bublé (a fast ES2015 compiler) and Rollup (tree-shaking bundler). v7.0.0 (latest) updates dependencies. This starter provides a minimal setup with Browsersync for live reloading, StandardJS linting, and separate dev/production builds. It targets modern JavaScript and is not actively maintained, last updated in 2017. Key differentiators: uses Bublé instead of Babel for faster compilation, and Rollup for tree-shaking output.","status":"maintenance","version":"7.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/yamafaktory/buble-react-rollup-starter","tags":["javascript","Bublé","Browsersync","React","Rollup","StandardJS"],"install":[{"cmd":"npm install buble-react-rollup-starter","lang":"bash","label":"npm"},{"cmd":"yarn add buble-react-rollup-starter","lang":"bash","label":"yarn"},{"cmd":"pnpm add buble-react-rollup-starter","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"CommonJS require works but ESM is preferred for tree-shaking.","wrong":"const React = require('react')","symbol":"React","correct":"import React from 'react'"},{"note":"ESM import for ReactDOM.","wrong":"const ReactDOM = require('react-dom')","symbol":"ReactDOM","correct":"import ReactDOM from 'react-dom'"},{"note":"Named export, not default. Include .jsx extension for Rollup.","wrong":"import DummyComponent from './components/dummy-component'","symbol":"DummyComponent","correct":"import { DummyComponent } from './components/dummy-component.jsx'"}],"quickstart":{"code":"// Installation\nnpm install buble-react-rollup-starter\n\n// Then create src/index.js:\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { DummyComponent } from './components/dummy-component.jsx'\n\nconst root = document.querySelector('main')\nReactDOM.render(<DummyComponent />, root)\n\n// Run development server with live reload:\nnpm start\n\n// For production build:\nnpm run build","lang":"javascript","description":"Install the boilerplate, write a simple React app with a component, and run dev/production builds."},"warnings":[{"fix":"Use a more modern starter like create-react-app or Vite-based templates.","message":"The package has not been updated since 2017; dependencies like React 15 may have breaking changes with newer versions.","severity":"deprecated","affected_versions":">=7.0.0"},{"fix":"Ensure your Rollup config includes buble() plugin and JSX settings: plugins: [buble({ jsx: 'h' })]","message":"Bublé does not support JSX natively; you must use a Bublé plugin or custom transform.","severity":"gotcha","affected_versions":"all"},{"fix":"Adjust your code to StandardJS style or disable the linter in package.json.","message":"The boilerplate uses StandardJS style; if you use semicolons or different formatting, linter will fail.","severity":"gotcha","affected_versions":"all"},{"fix":"Always use .jsx extension for files containing JSX in imports.","message":"Rollup configuration requires .jsx file extensions; omitting them will cause module not found.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run `npm install` or `npm install react react-dom`.","cause":"Missing dependency installation.","error":"Error: Cannot find module 'react'"},{"fix":"Add buble plugin with jsx option in rollup.config.js.","cause":"Bublé not configured or missing plugin for JSX.","error":"Error: Unexpected token (1:16) - You may need an appropriate loader to handle this file type."},{"fix":"Change import to include .jsx: './components/dummy-component.jsx'","cause":"Import path missing .jsx extension.","error":"Error: 'DummyComponent' is not exported from './components/dummy-component'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}