reactjs


Make the admin dashboard in the right way


I use Yii2, ReactJS and Redux in my project. So, client side is good and beautiful, but current admin panel is the most ugly thing in the world (legacy). My goal is create new one.
How can I make admin dashboard using my stack?
My needs:
Modular structure
Individual structure of state of each module
Write frontend fully on React and interactive (React Router?)
Not only CRUD. Some sections may be only informative, with some buttons and checkboxes. Or reports. Or for other purposes. (dont think that REST is only one thing that I need)
Don't wanna store all of DB records in the global redux state. Load all records and other information by need (Depending on the page, sections, current state etc). And to clean state when change page.
Maybe there's something else that I do not yet know..)
I need advice from professionals. Maybe articles or good libraries that can help me. I'll be very grateful.
P.S.This question is all about how to connect backend and frontend and keep state clean. Not about UX or UI
P.P.S. Sorry for my "Russian" English. Hope you'll understand me :)

Related Links

Subclassing react components, HOC or classic OO?
Nested Match routes with React Router v4 and MatchWithFade
In React with Redux, when should I save data to back end
Can shouldComponentUpdate returning false clobber a previous update where shouldComponentUpdate returns true?
Passing className prop to Material-ui child/inner elements
Code splitting using webpack for example https://github.com/erikras/react-redux-universal-hot-example
Reactjs calender picker
React with sort and filter
Reactjs not rendering to HTML in Ubuntu 14
Test text input with react and jest
How do I add an image to the DOM after another image has loaded?
why is this.state.records.amount undefined?
How to upload file on server with react, redux
Diagnostics feature in Angular 2 vs React
React- Elegantly Toggle State Visibility
React Single Page app with browserHistory possible?

Categories

HOME
gcc
jenkins-pipeline
wifi
android-ndk
opencv4android
boxplot
hiveql
snmp
download
powerquery
meson-build
pdf-generation
clip-path
rtc
angularjs-ng-repeat
kairosdb
desktop-application
ng2-charts
mongodb-replica-set
lambda-calculus
connectiq
angular2-pipe
connection-pooling
rvm
policy
rancher
knapsack-problem
android-cursorloader
spock
spring-data-gemfire
xlib
exacttarget
login-required
imdb
voyager
fastadapter
n1ql
javax
matlab-compiler
wit-ai
word-wrap
motion
instances
ninja-forms
keychain
socketcluster
aura-framework
f#-fake
ocpjp
jsfl
dotnet-cli
critical-section
business-catalyst
addressbook
firebase-job-dispatcher
normalisation
android-xmlpullparser
audiorecord
usps
innertext
bbedit
custom-build-step
ooad
encode
producer-consumer
notice
page-flipping
pdcurses
strcpy
fiware-health
iphone-6
tigase
sat4j
reactjs-native
android-relativelayout
winrun4j
xps
slimscroll
fastcgi-mono-server
dylan
stringstream
moonscript
netbiscuits
google-email-audit-api
sup
animationdrawable
wdm
sipdroid
lts
authkit

Resources

Encrypt Message