Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Sep 10 2018 02:41
    Naiba01 commented #1157
  • Sep 05 2018 18:37
    govarthananve commented #1080
  • Sep 05 2018 17:12
    carloquilala opened #1349
  • Aug 07 2018 11:42
    carloquilala edited #1348
  • Aug 07 2018 11:14
    carloquilala opened #1348
  • Jul 31 2018 06:46
    zaoansijia commented #1347
  • Jul 13 2018 01:45
    gapsaras commented #842
  • Jul 12 2018 10:08
    grootendorste commented #930
  • Jul 02 2018 15:06
    aozfen commented #1092
  • Jun 25 2018 17:25
    olliecaine27 closed #1268
  • Jun 03 2018 17:30
    olliecaine27 synchronize #1268
  • Jun 03 2018 17:16
    olliecaine27 synchronize #1268
  • May 22 2018 05:14
    ishan123456789 commented #1220
  • May 19 2018 08:38
    MirShi opened #1347
  • May 14 2018 19:53
    samanthi22 closed #1346
  • May 14 2018 19:53
    samanthi22 commented #1346
  • May 05 2018 17:33
    samanthi22 opened #1346
  • Apr 22 2018 09:28
    m-ketan closed #1319
  • Apr 20 2018 00:40
    matthew-dean commented #658
  • Apr 02 2018 12:36
    AndrewSavetchuk commented #1080
aditya shanker tagirisa
Thanks for the community it helped me a lot
Mike DeVita
Same here

hello all .. I've got a question for you.

within Counter/index.js why do we import injectReducer at the top of the file and not within the require.ensure call, where the other two modules are being imported?

as you can probably tell, I'm quite unfamiliar with to code splitting
Jason Shin
Hi, I have a phonegap app and I need to find out how to use postcss-cssnext
how do you do it?
can someone help??
Jason Shin

I already have it like below

webpackConfig.postcss = [
    autoprefixer: {
      add: true,
      remove: true,
      browsers: ['> 1%']
    discardComments: {
      removeAll: true
    discardUnused: false,
    mergeIdents: false,
    reduceIdents: false,
    safe: true,
    sourcemap: true

how do I add cssnext?
I am basically trying to transpile all cssnext syntax like var(--something)
into standard CSS

aditya shanker tagirisa
can we pass state to layout ?
Jason Shin
@adityashankert Yeah
pass it as props
do you have any code examples?
Nodemon is killing my HMR.. What might I have configured wrong? Hmr works until I do a server side change and trigger a nodemon rerun. It starts working again after I F5 client
Dinesh Ramasamy
Is there any best practices to implement app-wide error?
aditya shanker tagirisa
@JasonShin can you give me example how to pass in plainroute
John Pham
Hey, anyone have example about custom layout for this kit: like: 1 column layout, 2 column layout for different route
aditya shanker tagirisa
finally my app is live with starter kit
thanks for great community support
Carson B

I am running 'npm test' on my app that is using an older version of the starter kit and am getting an error "Module Build Failed. ModuleBuildError". I am using CSS modules and the error messages reference my scss files that I import into my component JS, which works fine outside of tests. Here is one of the many errors I am receiving before the karma server starts:

ERROR in ./~/css-loader?sourceMap&-minimize&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/sass-loader?sourceMap!./~/toolbox-loader!./~/react-toolbox/lib/animations/slide-right.scss
    Module build failed: Error: ENOENT: no such file or directory, open '/Users/.../<project_name>/theme.scss'

And this is the error I am receiving after the karma server and Phantom JS browser start:

PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR
  Error: Cannot find module "./EmptyState.scss"
  at webpack:///src/components/EmptyState/EmptyState.js:9:0 <- tests/test-bundler.js:76202
Carson B
I figured this out. I needed to pass another key to the karma config from webpack. The key and value pair in my case was toolbox : webpackConfig.toolbox
Hi :), sorry to ask it there, don't know if it's the appropriate place, but anyway..I am kind of stuck here. So, I want to have a simple list of articles (fetched from an external api) on homeview
Does anyone have a working example of such a thing ?
For now, I created a new route (RecentArticles), and tried to add it to home view component, but I have many issues/errors, and not pretty sure where does it come from
I read all docs provided, but as I am quite new to react (and redux as well), I am having difficulties so figure exactly how to do such a basic thing :)
Maybe I should have consider it as a reusable component from the beginning ?
Daniel Winter
hi guys
i have a small question that u sure can answer in a second
how can i push a new route onto the redux-router from within a container?
is it ok to do import { push } from 'react-router-redux' followed by const { dispatch } = this.context.store and then push it via dispatch(push('/company')) ?
Ajain Vivek
hi guys
deploying application to sub folder isn’t working . I tried setting the basename to ‘/sub/‘ and compile_public_path to ‘/sub/‘ but no luck ?
Can someone help out here
aditya shanker tagirisa
compiler_public_path is for assets server path while compiling
you should change the dir_dist in config/index.js
Ajain Vivek
I have multiple react apps serving under sub folder using browserHistory
assets are loading fine with compiler_public_path
aditya shanker tagirisa
try changing the dir_dist in config/index.js
Ajain Vivek
dir_dist refers to dist mapping right?
when I debug I see the routes point to ‘/‘ index and its relative but the app is served under /sub/
If I change index route ‘/sub/‘ it does work but I need to rename all the routes across
Ajain Vivek
Has anyone tried implementing subroutes using the recommended fractal pattern? (e.g. src/routes/Thing/routes/SubThing). I'm trying to create a nested route (with components and whatnot) but am not quite sure how to wire it up with the rest of the app (Not sure what SubThing/index.js should look like)
that's how i've done it for a product-listing page, and a product-edit page ( /products/:id )
there are some examples here too: davezuko/react-redux-starter-kit#797

@mrweissx_twitter cool thanks! I got the sub-route routing working with the changes to the MySubRoute/index.js but still scratching my head getting the subroutes component "props" set.

I have the same dir layout (/modules /containers/ /modules index.js) inside the sub-route directory (/src/routes/MyRoute/routes/MySubRoute/....) but I'm not seeing the props in the Component class being set, which I would have expected due to the call to connect in src/routes/MyRoute/routes/MySubRoute/containers/MySubRouteContainer.js.

@csjohn connect() has been pretty robust for me, double check you are calling connect() correctly, and actually using the connected component, instead of the component itself

@mrweissx_twitter I've been playing around with it a bit but can't seem to get the functionality I expect.

I'm using console.log(props, this.props) from the sub-routes component constructor (class defined component) but am seeing only empty objects. The sub-routes index.js is basically the same as the demo and other (with the exception that it's nested).

I've thrown console.logs throughout and have confirmed that the route logic is being called (like the call to connect() and I even see the reducer and state update in the Redux dev tools, I just can't seem to get the injection of the props into the sub-route component working in the same way the top level routes work.

not the connected component