{"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,"search_vec":"'2017':58 'activ':53 'app':11 'babel':65 'boilerpl':7 'browsersync':36,78 'bubl':2 'buble-react-rollup-start':1 'bublé':14,62,77 'build':9,45 'bundler':24 'compil':18,68 'depend':28 'dev/production':44 'differenti':60 'es2015':17 'fast':16 'faster':67 'instead':63 'javascript':49,76 'key':59 'last':55 'latest':26 'lint':41 'live':38 'maintain':54 'minim':33 'modern':48 'output':75 'provid':31 'react':3,13,79 'reload':39 'rollup':4,20,70,80 'separ':43 'setup':34 'shake':23,74 'standardj':40,81 'starter':5,30 'target':47 'tree':22,73 'tree-shak':21,72 'updat':27,56 'use':61 'v7.0.0':25 'web':10","created_at":"2026-04-27T16:57:40.307577+00:00","updated_at":"2026-04-27T16:57:40.307577+00:00","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,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/yamafaktory/buble-react-rollup-starter","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/buble-react-rollup-starter","openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-17","next_check":"2026-07-26","install_tag":null}}