Hi @hadilsabbagh18 , I'm also in the process of building a React Native app with Fulcro, and I've been through a lot of the same gotchas (where Tony helped me out). Let me know if you'd like to jump on a call and compare notes? I'd be happy to show you what I've gotten so far.
One note via http://hypothes.is
Hi @aleksander990 -- let's compare notes soon. I have made some progress and would like to find someone to talk to about where I am headed.
Note to self: Definitely don't mistake ident
for indent
😄
I would very much appreciate your feedback on a new section called https://github.com/fulcro-community/guides/blob/main/minimalist-fulcro-tutorial/index.adoc#what-to-load , added to the minimalist-fulcro-tutorial to clear a common misconception about the role of load! and Root query.
> Even though the Root’s query represents the data needs of the whole UI, you essentially never use it to load!
the data from the backend. It does not make sense, as we will see briefly. What you do instead is that you load distinct sub-trees of the data that actually correspond to top-level "entry points" (global Pathom resolvers) in your data model. Remember that you invoke load! with:
> ...
🙏
I wish this page had existed when I was trying to learn all these lessons the hard way.
@holyjak this is amazing! Thank you for putting this together
Thank you, it is energizing to hear people truly find it useful.
@tony.kay How to troubleshoot "Pick Element" in the Inspect's Element tab? I am on latest Fulcro (gh/develop, just updated) and the Chrome store inspect. I have added the preload as requested and restarted everything. I do not get the alert about missing preload anymore but the picker does not seem to be doing anything. (Well, when activated it turns blue, when I click a piece of UI it turns back to black but I expected the content to show some info about the clicked element but no.)
The one included in fulcro-rad-demo, let me check, maybe I need to update it...
react-17.0.1
Perhaps https://github.com/fulcrologic/fulcro-inspect/blob/master/src/client/fulcro/inspect/ui/element_picker.cljs#L68 is the problem. When I look at the element in chrome dev tools, I see:
goog.object.getKeys(temp1).filter(k => k.startsWith("__react"))
(2) ["__reactFiber$3jzqj8nuzr", "__reactProps$3jzqj8nuzr"]
This then works temp1.__reactFiber$3jzqj8nuzr.return.stateNode
:thumbsup: