GithubHelp home page GithubHelp logo

marmelab / admin-on-rest-demo Goto Github PK

View Code? Open in Web Editor NEW
330.0 34.0 182.0 31.63 MB

Source of the admin-on-rest react.js demo, using a dummy REST service powered by FakeRest

Home Page: https://marmelab.com/admin-on-rest-demo/

HTML 0.32% CSS 0.03% JavaScript 99.65%
react admin-on-rest admin rest demo

admin-on-rest-demo's People

Contributors

alexisjanvier avatar djhi avatar falldi avatar fzaninotto avatar kylecho avatar ngonhan2k5 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

admin-on-rest-demo's Issues

The source code does not work like online demo.

Clone and start the code on the Windows OS, browse it in Chrome, IE Edge and Firefox.

  1. The left sidebar does not work like online demo.
  2. The data grid is not responsive after change the theme to dark.

No error info.

Could not load default home page

Repro(s):

git clone
npm install
npm start
open > localhost:3000

OSX Serria / Chrome Browse

Expect: Home to load
Actual: Cannot read property 'defaultProps' of undefined in console.log, homepage never load.

image

infinite loading after npm start

Chrome version: Version 56.0.2924.87 (64-bit)
OS version: MAC OS 10.11.6

Uncaught TypeError: a is not a function
    at eval (webpack:///./~/recompose/compose.js?:22)
    at eval (webpack:///./~/recompose/compose.js?:22)
    at eval (webpack:///./src/Login.js?:342)
    at Object.<anonymous> (bundle.js:12757)
    at __webpack_require__ (bundle.js:556)
    at fn (bundle.js:87)
    at eval (webpack:///./src/App.js?:34)
    at Object.<anonymous> (bundle.js:2965)
    at __webpack_require__ (bundle.js:556)
    at fn (bundle.js:87)

Uncaught (in promise) TypeError: Cannot read property 'touched' of undefined

First off let me say that i feel you produced, made public and described a substantial piece of frontend architecture.

Unluckily, stepping through the demo, it grinded to a halt. Console output is

Using '^' to denote the start of a url is deprecated. Use 'begin:' instead
GET http://localhost:3000/commands?sort=%5B%22date%22%2C%22DESC%22%5D&range=%5B0%2C49%5D&filter=%7B%22date_gte%22%3A%222017-03-12T08%3A46%3A12.345Z%22%7D (FakeRest)
GET http://localhost:3000/reviews?sort=%5B%22date%22%2C%22DESC%22%5D&range=%5B0%2C99%5D&filter=%7B%22status%22%3A%22pending%22%7D (FakeRest)
GET http://localhost:3000/customers?sort=%5B%22first_seen%22%2C%22DESC%22%5D&ra…d%22%3Atrue%2C%22first_seen_gte%22%3A%222017-03-12T08%3A46%3A12.345Z%22%7D (FakeRest)
GET http://localhost:3000/customers?filter=%7B%22id%22%3A%5B880%2C880%2C880%2C298%2C844%2C844%2C844%2C898%2C195%2C20%2C195%2C441%2C334%2C441%2C866%5D%7D (FakeRest)
GET http://localhost:3000/customers?filter=%7B%22id%22%3A%5B446%2C844%2C11%2C195%2C386%2C860%2C745%2C773%2C195%2C195%5D%7D (FakeRest)
GET http://localhost:3000/commands/272 (FakeRest)
GET http://localhost:3000/products?filter=%7B%22id%22%3A%5B17%2C89%2C20%2C112%2C47%5D%7D (FakeRest)
GET http://localhost:3000/customers/195 (FakeRest)
GET http://localhost:3000/customers?sort=%5B%22id%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%7D (FakeRest)
GET http://localhost:3000/commands?sort=%5B%22date%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%7D (FakeRest)
GET http://localhost:3000/customers?filter=%7B%22id%22%3A%5B%2220%22%2C%22195%2…22521%22%2C%22835%22%2C%22844%22%2C%22866%22%2C%22880%22%2C%22898%22%5D%7D (FakeRest)
GET http://localhost:3000/customers?sort=%5B%22last_seen%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%7D (FakeRest)
GET http://localhost:3000/commands?sort=%5B%22date%22%2C%22DESC%22%5D&range=%5B0%2C49%5D&filter=%7B%22date_gte%22%3A%222017-03-12T08%3A46%3A42.320Z%22%7D (FakeRest)
GET http://localhost:3000/reviews?sort=%5B%22date%22%2C%22DESC%22%5D&range=%5B0%2C99%5D&filter=%7B%22status%22%3A%22pending%22%7D (FakeRest)
GET http://localhost:3000/customers?sort=%5B%22first_seen%22%2C%22DESC%22%5D&ra…d%22%3Atrue%2C%22first_seen_gte%22%3A%222017-03-12T08%3A46%3A42.320Z%22%7D (FakeRest)
GET http://localhost:3000/customers?filter=%7B%22id%22%3A%5B880%2C880%2C880%2C298%2C844%2C844%2C844%2C898%2C195%2C20%2C195%2C441%2C334%2C441%2C866%5D%7D (FakeRest)
GET http://localhost:3000/customers?filter=%7B%22id%22%3A%5B446%2C844%2C11%2C195%2C386%2C860%2C745%2C773%2C195%2C195%5D%7D (FakeRest)
Uncaught (in promise) TypeError: Cannot read property 'touched' of undefined
    at t.value (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:8:6741)
    at _renderValidatedComponentWithoutOwnerOrContext (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:6950)
    at _renderValidatedComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:7077)
    at performInitialMount (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:2896)
    at mountComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:1942)
    at Object.mountComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:4:3216)
    at performInitialMount (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:3056)
    at mountComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:1942)
    at Object.mountComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:4:3216)
    at performInitialMount (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:3056)
    at mountComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:1942)
GET http://localhost:3000/commands?sort=%5B%22id%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%22customer_id%22%3A844%7D (FakeRest)
GET http://localhost:3000/reviews?sort=%5B%22id%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%22customer_id%22%3A844%7D (FakeRest)
uncaught at t TypeError: Cannot read property 'getHostNode' of null
    at Object.getHostNode (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:4:3368)
    at getHostNode (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:3153)
    at Object.getHostNode (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:4:3369)
    at Object.updateChildren (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:37:31513)
    at h._reconcilerUpdateChildren (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:39:353)
    at h._updateChildren (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:39:1118)
    at h.updateChildren (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:39:1016)
    at h._updateDOMChildren (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:17873)
    at h.updateComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:16097)
    at h.receiveComponent (https://marmelab.com/admin-on-rest-demo/static/js/main.300a19f9.js:38:15650)
Uncaught TypeError: Cannot read property 'getHostNode' of null
Uncaught (in promise) TypeError: Cannot read property 'getHostNode' of null(…)
Uncaught (in promise) TypeError: Cannot read property 'getHostNode' of null(…)

Custom routes not working

~~I tried to use custom routes in my code just like the documentation and didn't worked so I cloned this demo to see how it works. I have looked the routes.js file and notice that it didn't work in the demo too since the links segments and configuration returned 404 not found.

Running on localhost those routes open the dashboard.~~

My Bad. I just noticed that I must follow /#/customRoute pattern. Changing the subject, can I switch that off?

demo not working on Android?

This framework admin-on-rest is very nice - and could become an important tool for developers.

I have been testing the on-line demo on Android, using two different browsers: Chrome and the "built-in" browser on Android (I think it's IceWeasel - the icon is a world globe with light-blue water and white land).

On both browsers, I was able to login to the admin-on-rest-demo - but then there appeared only a blank white screen.

Meanwhile, on a Windows desktop screen (tested in Chrome and Firefox), the program was partially "responsive":

  • When I used the mouse to make the window very narrow, the site navigation menu worked perfectly.

  • List views were partially responsive: the data grid appeared, but only the left-mose columns. It was not possible to click the "Edit" buttons, because they were on the right side. Two "quick fixes" for this might be:

    • Moving the "Edit" buttons to the left-most column (at the start of each row), so they would always be accessible.

    • Making the item in the left-most column clickable (eg, make the Customer Name a link, to navigate to the "Edit Customer" screen).

admin-on-rest is an excellent front-end, and I believe that Material-UI generally does work on mobile, so I hope we can get admin-on-rest to work nicely on Android (and iOS, which I haven't tested).

Add example Unit Tests in Demo

Hi,
Do not see any UnitTests in DEMO module. Can few be added such that it can act as a source of reference for anyone using AOR. Right now in my current project, I am not able to test a simple List page with 3 fields. Getting this error -
console.error node_modules\warning\warning.js:51 Warning: Missing translation for key: "Headers is not defined"
NB: using the default restClient and have hardcoded the restClient to go to my localhost server. I'm using the current released version v1.4.0

login is not defined

Failed to compile.

./src/Login.js
Line 68: 'login' is not defined no-undef

Search for the keywords to learn more about each error.

..Loading, white page

HI!
Sample demo in web looks very cool.
I test it in my localhost (made npm install, npm start)
But get only white screen with text "Loading", some errors in console.
image

aor List pages error. Nan-Nan of *

NaN-Nan of *(perPage) error appear in pages of Customers List or Posters List or Customers List
Those page's url has parm "filter"
image

At the same time ,a List page without parm "filter" is normal
image

  1. Add &page=1 to those page can solve this problem
  2. modify code like this
    image
  3. modify admin-on-rest

CreateButton must pass record id of form

I am using ReferenceManyField to show the items in an order, the typical master/detail database pattern. I am able to edit existing detail records, but can't find a way to add new detail records. I tried the following, but doesn't receive {id} like does. I notice that admin-on-rest-demo allows editing of detail records (reviews of products), but does not allow adding of reviews. Is there a pattern or workaround to do this?

       <SimpleForm>
            <ReferenceManyField label="ITEMS" reference="orderitems" target="orderId">
                <Datagrid>
                    <CreateButton/> <===== does not pass {id} of form record
                    <EditButton/>    <===== passes {id} of form record
                </Datagrid>
            </ReferenceManyField>
        </SimpleForm>

Unable to run

npm start

[email protected] start /Users/dcteam/Documents/GitRepo/sp-react/admin-on-rest-demo
react-scripts start

/Users/dcteam/Documents/GitRepo/sp-react/admin-on-rest-demo/node_modules/react-scripts/scripts/start.js:31
const {
^

SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:990:3

I have some issues with customers

sorry for my English

I have downloaded this development yesterday. It is cool.

When I click on any custormer either from the customers list or from the orders list an error occurs that prevents me from going to the customer.

This happens in chrome and firefox.

Maybe it would be a good idea to put a shrinkwrap.json or yarn.lock

SelectInput.js:123 Uncaught (in promise) TypeError: Cannot read property 'touched' of undefined
at SelectInput.render (SelectInput.js:123)
at ReactCompositeComponent.js:796
at measureLifeCyclePerf (ReactCompositeComponent.js:75)
at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:795)
at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js:822)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:362)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
at Object.mountComponent (ReactReconciler.js:46)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
render @ SelectInput.js:123
(anonymous) @ ReactCompositeComponent.js:796
measureLifeCyclePerf @ ReactCompositeComponent.js:75
_renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js:795
_renderValidatedComponent @ ReactCompositeComponent.js:822
performInitialMount @ ReactCompositeComponent.js:362
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
mountChildren @ ReactMultiChild.js:238
_createInitialChildren @ ReactDOMComponent.js:697
mountComponent @ ReactDOMComponent.js:516
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
updateChildren @ ReactChildReconciler.js:121
_reconcilerUpdateChildren @ ReactMultiChild.js:208
_updateChildren @ ReactMultiChild.js:312
updateChildren @ ReactMultiChild.js:299
_updateDOMChildren @ ReactDOMComponent.js:936
updateComponent @ ReactDOMComponent.js:754
receiveComponent @ ReactDOMComponent.js:716
receiveComponent @ ReactReconciler.js:125
updateChildren @ ReactChildReconciler.js:109
_reconcilerUpdateChildren @ ReactMultiChild.js:208
_updateChildren @ ReactMultiChild.js:312
updateChildren @ ReactMultiChild.js:299
_updateDOMChildren @ ReactDOMComponent.js:936
updateComponent @ ReactDOMComponent.js:754
receiveComponent @ ReactDOMComponent.js:716
receiveComponent @ ReactReconciler.js:125
updateChildren @ ReactChildReconciler.js:109
_reconcilerUpdateChildren @ ReactMultiChild.js:208
_updateChildren @ ReactMultiChild.js:312
updateChildren @ ReactMultiChild.js:299
_updateDOMChildren @ ReactDOMComponent.js:936
updateComponent @ ReactDOMComponent.js:754
receiveComponent @ ReactDOMComponent.js:716
receiveComponent @ ReactReconciler.js:125
updateChildren @ ReactChildReconciler.js:109
_reconcilerUpdateChildren @ ReactMultiChild.js:208
_updateChildren @ ReactMultiChild.js:312
updateChildren @ ReactMultiChild.js:299
_updateDOMChildren @ ReactDOMComponent.js:936
updateComponent @ ReactDOMComponent.js:754
receiveComponent @ ReactDOMComponent.js:716
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
receiveComponent @ ReactCompositeComponent.js:547
receiveComponent @ ReactReconciler.js:125
_updateRenderedComponent @ ReactCompositeComponent.js:754
_performComponentUpdate @ ReactCompositeComponent.js:724
updateComponent @ ReactCompositeComponent.js:645
performUpdateIfNecessary @ ReactCompositeComponent.js:561
performUpdateIfNecessary @ ReactReconciler.js:157
runBatchedUpdates @ ReactUpdates.js:150
perform @ Transaction.js:140
perform @ Transaction.js:140
perform @ ReactUpdates.js:89
flushBatchedUpdates @ ReactUpdates.js:172
FakeRest.min.js:1 GET http://localhost:3000/commands?sort=%5B%22id%22%2C%22DESC%22%5D&range=%5B0%2C24%5D&filter=%7B%22customer_id%22%3A577%7D (FakeRest)
warning.js:36 Warning: performUpdateIfNecessary: Unexpected batch number (current 112, pending 111)

Cannot switch from the menu bar

Once I click a menu on the bar, it is not switchable to another one.

traceback:

Uncaught (in promise) Error: removeComponentAsRefFrom(...): Only a ReactOwner can have refs. You might be removing a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).
    at invariant (invariant.js:44)
    at Object.removeComponentAsRefFrom (ReactOwner.js:82)
    at detachRef (ReactRef.js:32)
    at Object.ReactRef.detachRefs (ReactRef.js:84)
    at Object.unmountComponent (ReactReconciler.js:78)
    at ReactCompositeComponentWrapper.unmountComponent (ReactCompositeComponent.js:418)
    at Object.unmountComponent (ReactReconciler.js:79)
    at ReactCompositeComponentWrapper.unmountComponent (ReactCompositeComponent.js:418)
    at Object.unmountComponent (ReactReconciler.js:79)
    at Object.unmountChildren (ReactChildReconciler.js:146)

What is the folder structure philosphy?

Hi @fzaninotto and congrats to this awesome framework! Could you say a few words about how you approach folder structure in this demo application?

I am a bit confused because I don't see the usual React/ Redux folders containers, components, reducers, ... etc.

Adding a paragraph to the README would probably be best.

I am happy that I found this framework last night... will save me a lot of time ;-)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.