Registry / web-framework / buble-react-rollup-starter

buble-react-rollup-starter

library7.0.0jsnpmunverified

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.

web-framework

npm install buble-react-rollup-starter

github ↗package ↗

INSTALL

IMPORT

SIG · BUBLE-REACT-ROLLUP

buble-react-rollup-starter

web-frameworkjavascriptv7.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

React

✓ import React from 'react'

✗ const React = require('react')

CommonJS require works but ESM is preferred for tree-shaking.

ReactDOM

✓ import ReactDOM from 'react-dom'

✗ const ReactDOM = require('react-dom')

ESM import for ReactDOM.

DummyComponent

✓ import { DummyComponent } from './components/dummy-component.jsx'

✗ import DummyComponent from './components/dummy-component'

Named export, not default. Include .jsx extension for Rollup.

Install the boilerplate, write a simple React app with a component, and run dev/production builds.

// Installation npm install buble-react-rollup-starter // Then create src/index.js: import React from 'react' import ReactDOM from 'react-dom' import { DummyComponent } from './components/dummy-component.jsx' const root = document.querySelector('main') ReactDOM.render(<DummyComponent />, root) // Run development server with live reload: npm start // For production build: npm run build

Debug

Known issues

deprecatedThe package has not been updated since 2017; dependencies like React 15 may have breaking changes with newer versions.

fix

Use a more modern starter like create-react-app or Vite-based templates.

affects: >=7.0.0

gotchaBublé does not support JSX natively; you must use a Bublé plugin or custom transform.

fix

Ensure your Rollup config includes buble() plugin and JSX settings: plugins: [buble({ jsx: 'h' })]

affects: all

gotchaThe boilerplate uses StandardJS style; if you use semicolons or different formatting, linter will fail.

fix

Adjust your code to StandardJS style or disable the linter in package.json.

affects: all

gotchaRollup configuration requires .jsx file extensions; omitting them will cause module not found.

fix

Always use .jsx extension for files containing JSX in imports.

affects: all

Errors

Common errors & fixes

Error: Cannot find module 'react'

Missing dependency installation.

fix

Run `npm install` or `npm install react react-dom`.

Error: Unexpected token (1:16) - You may need an appropriate loader to handle this file type.

Bublé not configured or missing plugin for JSX.

fix

Add buble plugin with jsx option in rollup.config.js.

Error: 'DummyComponent' is not exported from './components/dummy-component'

Import path missing .jsx extension.

fix

Change import to include .jsx: './components/dummy-component.jsx'

Upgrade

Version history

7.0.0latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

5 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/yamafaktory/buble-react-rollup-starter ↗

packagehttps://www.npmjs.com/package/buble-react-rollup-starter ↗