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

87 questions
2
votes
1 answer

font-awesome webpack SyntaxError: Invalid or unexpected token

I'm new to webpack and I'm having trouble getting font-awesome to install in my React set up. Webpack V2.2.1 React starter kit I've run: npm install font-awesome --save-dev Then in my main .scss file, I'm calling: $fa-font-path:…
thathurtabit
  • 558
  • 2
  • 11
  • 22
2
votes
0 answers

Error loading modules dynamically

In my Page/Page.js component, I am trying to dynamically load modules in REACT based on an array of modules called "modules". Currently I have all modules listed and I create components for each one in the modules array. import React from…
2
votes
1 answer

How to force server side serving of a route

I'm using passport-js with react-starter-kit and universal router, and there are some /login routes that are handled server side. Is there any way to force a server side fetch from a route url rather than a client-side one? For instance, if I go to…
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460
2
votes
0 answers

How to keep RSK project updated

I am developing node and react web app based on react-starter-kit. As any project do, I override unnecessary code and files, and modify others as well. Trying to keep up with the almost daily updates, I can't find a way to keep my project updated…
itaied
  • 6,827
  • 13
  • 51
  • 86
2
votes
1 answer

React-bootstrap setup for latest kriasoft/react-starter-kit

I am a bit new to the world of ReactJS but I have been coding in Javascript for a while now. Loving what ReactJS is doing as I was coding in pure JS before using Design Patterns and OOP I consider this a HUGE upgrade for me. I have followed…
2
votes
1 answer

Build System of React-starter-kit

I found the same question in stackOverflow unanswered: Different main entry point in package.json for node and browser. I just want to know how this configuration is done. How to specify different entries for different build targets in…
Juan Je García
  • 611
  • 1
  • 8
  • 14
2
votes
2 answers

npm module error on 'inflight' when attempting to build semantic UI

I'm attempting to use the React Starter Kit with SemanticUI on Windows. I can install and build RSK, but when I run npm install semantic-ui and go through the set up, I always hit the same module error and I am unsure how to solve it. gulp…
user533507
1
vote
1 answer

React Router loads component slowly - how to Pre Render or load component faster?

What i want to do is to increase the speed at which React router loads a component when clicked, right now it takes about 1 second to display it, i want it to show almost instantly once clicked like other less heavy components. However this…
1
vote
1 answer

Unit test reactjs component function with Jest and Enzyme

I have a problem, which is how to write unit tests for the function below, function is login user with a sequence of actions such as user inputting data, pressing (fake action) button and sending request to server and response data to user Do I use…
Hydraw
  • 41
  • 6
1
vote
4 answers

REACT -- adding input toggle in react

I am creating a react app i have to add an input toggle inside my header component. I tried to add but JavaScript is not working. if this is the header component file. inside this component I have included my input toggle condition. i have…
1
vote
1 answer

react- adding a child component inside a main component

I creating a react app. when I am trying to import a component inside header app becomes blank in browser. below is my code main component import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Nav, Navbar, …
1
vote
3 answers

isomorphic-style-loader - How to add an "active" class

I'm using react-starter-kit and building a list component that looks like this: import React from 'react'; import withStyles from 'isomorphic-style-loader/lib/withStyles'; import s from './CommandList.css'; const CommandList = () => { return ( …
1
vote
1 answer

Fading between pages with React and React Transition Group

I'm trying to fade on entry and leave between pages in React using React Starter Kit. Inspired by the post Applying React.js CSS Transitions on initial render I did this for the root component loaded by every page: import React from 'react'; import…
user7622857
1
vote
1 answer

Can't re-render components using react-starter-kit

Working with kriasoft/react-starter-kit to create a web application. It fetches objects from my api server, and shows them on a page. The app should show a loading icon while fetching the data. My code doesn't re-render a component after fetching…
Daisuke SHIBATO
  • 983
  • 2
  • 11
  • 23
1
vote
1 answer

React Starter Kit vs Next.js

We are looking into frameworks/libraries to build a content publishing site using React, key requirements are usual stuff SEO, page speed, along with ease of server side rendering. Has anyone any experience with using React Starter Kit in…