Comments (22)
Done, see hodorswit/react-mobx-realworld-example-app
Replaced redux with mobx, added/modified a few components here and there. Used singletone stores for simplicity.
from realworld.
I love the idea, will try to allocate some time tomorrow
from realworld.
@benjamingr @hodorswit I'll see if I have time to take a jab at it this weekend. And no, @mweststrate, sadly we did not meet :P
from realworld.
@EricSimons will try to check later today / tomorrow
from realworld.
@hodorswit I think your approach is perfect — no need to reinvent the React parts of the app :)
Regarding finding someone w/ more experience, @mweststrate do you know of anyone? Or perhaps someone that could provide advice to @hodorswit as he builds it out?
from realworld.
Just added @mosho1 and @andykog to the repo!
from realworld.
I looked into the starter kit, but it occurred to me that it might make more sense to fork the existing React + Redux example app and refactor reducers to @observable
stores. Any drawbacks to this approach?
I started a fork that adds the Mobx dependencies and migrates to custom-react-scripts to enable decorator support.
from realworld.
Thanks for mentioning. Just to give you some resources:
- SoundCloud Client in React + Redux
- SoundCloud Client in React + MobX
- PR: Refactoring from Redux to MobX of SoundCloud Client
- Tutorial: Refactoring from Redux to MobX
- Article: Comparison Redux and MobX
from realworld.
@hodorswit I just updated the issue status + set up a Gitter room where we can handle collaborator coordination 👍
from realworld.
@capaj @andykog @benjamingr @mattruby anybody interested? ^
from realworld.
from realworld.
[Completely offtopic] @mosho1: Wondering about it since Friday, since I forgot to ask it, but did we meet last Friday without me realizing it? ;-) [/Completely offtopic]
from realworld.
I'm out on this one. Yoyo exhibition tomorrow I need to prep for!
from realworld.
@hodorswit wanna add @andykog to the repo & coordinate work? Feel free to use the gitter room I set up for this Mobx implementation if need be :)
from realworld.
Woot! Can one of the MobX folks here take a peek at @andykog's codebase and provide feedback (and/or approve it)? 💪
from realworld.
@andykog wot that was quite an endeavour! looking good and idiomatic!
Didn't check all the components, but a small thing I noticed in the stores: ArticleStore
has both articles
and articlesRegistery
. Could articles
be expressed as @computed get articles() { return this.articlesRegistery.values() }
?
from realworld.
@mweststrate, I think arrays are generally better suited for managing order, but in our case you proposition should work great. Thanks for the review!
from realworld.
(done)
from realworld.
@andykog @hodorswit just added you both to the 'offical' repo — also have react-mobx.realworld.io pointed to github pages, so feel free to set up GH pages branch and it will show up live at that URL :)
from realworld.
Just added the repo to the main README btw — amazing work guys! 👍 💯
Lmk when you have the GH pages set up & I'll close out this issue
from realworld.
@EricSimons The demo is running via gh-pages at the following URL https://gothinkster.github.io/react-mobx-realworld-example-app 👍
For some reason the https://react-mobx.realworld.io URL is 404'ing. Is it worthwhile to troubleshoot this or do you think the default gh-pages link is fine?
from realworld.
https://react-mobx.realworld.io is up now
from realworld.
Related Issues (20)
- [SWAGGER] register and login response schema issue HOT 1
- [Bug]: Line breaks not showing correctly HOT 1
- [Bug]: Immediately signed out after logging in HOT 3
- [Backend] Remove Response Envelopes HOT 5
- [Bug]: When try to build HOT 5
- User registration success status code is 200, but docs/swagger show 201 HOT 1
- [Bug]: server ERROR 500 HOT 2
- [Bug]: CORS Error HOT 9
- [Feature Request]: offline functionality HOT 2
- [Bug]: Demo server status is 503 HOT 1
- [Feature Request]: Vuetify in Realworld example HOT 1
- [Bug]: Continuous modification of user information results in an error HOT 4
- Try this HOT 1
- [Bug]: demo APIs down? HOT 2
- [Bug] initialData.data from route loader is always undefined HOT 1
- API server doesn't work HOT 1
- [Bug]: Heroku Deployment failed
- [Bug]: API doesn't work HOT 4
- [Bug]:CORS Issue HOT 1
- [Bug]: Demo backend is down HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from realworld.