Questions tagged [react-starter-kit]

React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync.

React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. It can be found on github here: https://github.com/kriasoft/react-starter-kit

89 questions
59
votes
11 answers

React-Intl How to use FormattedMessage in input placeholder

I'm unsure how to get the values from into a placeholder format like input: } /> as it would return [Object object]…
Bryan
  • 1,258
  • 3
  • 14
  • 23
11
votes
4 answers

Different main entry point in package.json for node and browser

In isomorphic react app I have myModule which should behave differently on node and browser environments. I would like configure this split point in package.json for myModule: package.json { "private": true, "name": "myModule", "main":…
7
votes
6 answers

React Starter Kit and Material UI: userAgent should be supplied in the muiTheme context for server-side rendering

With the React Starter Kit, I add Material UI as follows: npm install material-ui --save and the following import to a component: import RaisedButton from 'material-ui/lib/raised-button'; and: I get the following…
bjfletcher
  • 9,975
  • 3
  • 44
  • 64
6
votes
3 answers

Recharts is not working for the React with typescript

I have an issue with handling chart libraries. Step by step Create an empty project $ npx create-react-app chart-demo --template typescript Add Recharts $ yarn add @types/recharts Run the project $ yarn start It shows the following…
6
votes
2 answers

React Starter Kit error - page not found

I created a new route from the react-starter-kit project and it does an async fetch of some data, then renders it, but a second later the page reloads with a message saying "Page not found - sorry but the page you're trying to view does not exist".…
iKode
  • 8,501
  • 13
  • 49
  • 76
5
votes
1 answer

What does require.ensure do in the react starter kit page routing

looking through the sample code from the react-starter-kit, I'm puzzled by what the statement require.ensure([], (require) => resolve(require('./Admin').default), 'admin'); does. I don't see that require.ensure is defined anywhere so I'm assuming…
MonkeyBonkey
  • 40,521
  • 63
  • 217
  • 426
4
votes
1 answer

Build script for react UI component library

I'm new to Webpack and to be honest it still confuses me slightly. I would like to create a shareable UI component library from my react build (Using react-starter-kit as it's base). Is there a way to configure my webpack config to output files that…
user3581244
  • 437
  • 4
  • 10
3
votes
2 answers

CSS Specificity with CSS Module

First, let me say I understand that I have a custom component "Card" that I use in one of my routes, "Home". Card.js import s from 'Card.css'; class Card { ... render(){ return (
Essam Al-Mansouri
  • 969
  • 2
  • 8
  • 19
3
votes
5 answers

Error: Unable to find element with ID 275

I am getting this error when i reload the dynamic page. Error: Unable to find element with ID 275. at invariant (invariant.js:38) at precacheChildNodes (ReactDOMComponentTree.js:96) at Object.getNodeFromInstance…
Efthimis Pozov
  • 119
  • 3
  • 14
3
votes
0 answers

How to resolve unmet peer depenency error with eslint

I'm using the react starter kit https://github.com/kriasoft/react-starter-kit I cloned and did an npm install and I see in the node_modules folder that it installed eslint @2.2 but I still get the error npm ERR! peer dep missing: eslint@<2.3.0,…
MonkeyBonkey
  • 40,521
  • 63
  • 217
  • 426
3
votes
0 answers

Auth on server side from an isomorphic js app

Hi I'm working on a isomorphic react app that uses passport.js for auth. My problem is requests can come from the client, or from the server. If the request comes from the client, it's authenticated and all is good. BUT, if the request comes from…
2
votes
1 answer

react leaflet map error in server side rendering

RESOLVED --- please read update 2 hello I've this error in react starter kit with react-leaflet map it's like github module example but i dont know what is problem!!! i think it have a problem with SSR react version: 16.x and react starter…
2
votes
0 answers

react-starter-kit simple sqllite example

I'm using the react-starter-kit I am trying to get my head around sequelize, express, sqllite, and express-graphql There are no examples that I can fine that link the graphql queries in a coherent way with the sequelize models to do some simple…
ErichBSchulz
  • 12,945
  • 5
  • 47
  • 50
2
votes
2 answers

How to configure module.alias properly

I would like to use resolve.alias feature from webpack in my projects using React Starter Kit. For example: Instead this: import Component from '../../components/Component I would like to use import Component from 'components/Component I've added…
2
votes
2 answers

RadioGroupButton doesn't seem to work with React Starter Kit

Here's a gif of it: http://www.giphy.com/gifs/3oKIP7arhKhNzNzytq As you can see, whenever I click on it, it doesn't select. Here's my exact code which is working in webpack: https://www.webpackbin.com/bins/-KoaaPYxDno695fiUBMn But in my starter kit…
1
2 3 4 5 6