Clojurians Log v2

@wilkerlucio I’m currently digging into fulcro-inspect and trying to understand how building devtools like this work. Have you got any good resources you can point me at to bootstrap my knowledge in this area?

the main resource for me is the browser extension docs, the trick part is that is like a distributed system, so in terms of architecture is about the message passing and maintaining the state around

for example, for fulcro inspect, to get a message from a page to the devtools, you gotta flow it though: - page use postMessage to itself - content-script captures message, send it to background process of extension - background process is a single script, and has to manage all connected tabs - then the background should route from the current tab to the devtools there

another question. Can fulcro-inspect detect fulcro apps in the wild? If so is there any examples that I could look at? @wilkerlucio

what you mean by detect apps in the wild?

like React devtools does

fulcro inspect does that

I’ve been working on a hello world for this. Because getting up and running is not super clear. I was just digging in to fulcro-inspect and trying to extract the baseline necessities. https://github.com/groundedSAGE/shadow-cljs-chrome-devtool-panel-hello-world/tree/main/public

the icon highlights when it detects a fulcro app

https://github.com/fulcrologic/fulcro-inspect/blob/master/src/chrome/fulcro/inspect/chrome/background/main.cljs#L42-L44

in this case, the detection is part of the init process, the browser sends a message telling us he wants fulcro inspect (from the content script), and then we activate the icon

https://github.com/fulcrologic/fulcro-inspect/search?q=fulcro-inspect-fulcro-detected

cool thanks for the info!

Can anyone point me to a publicly available project that uses fulcro-garden-css ? I’m also interested if anyone is using it together with Fulcro’s semantic-ui-wrapper Thanks!

Hi everyone, I recently started learning Fulcro and although I understand the basic concepts and how the EDN queries work with entities and trees of entities. I'm struggling to understand how does one go about modeling something like a search with multiple input parameters or pagination. I would appreciate if someone could point me to some examples or reading materials. Thanks

Hi! I am trying to pass a React component in a callback function of another component. The (comp/factory TaskScreen) element is incorrect, and when I try to use TaskScreen directly, I get the following error:

TypeError: null is not an object (evaluating 'drop_component_BANG_.cljs$core$IFn$_invoke$arity$1')

This error is located at:
    in com.yardwerk.mobile-ui.root/TaskScreen (created by SceneComponent)
    in SceneComponent (created by SceneView)
    in RCTView (at View.js:34)...

(comp/with-parent-context this (ui-task-screen {})

hi @luis559 Have you seen the section at the end of the Fulcro book that talks about paginating large lists? It may be helpful: https://book.fulcrologic.com/#_paginating_large_lists

I didn't. I'm still going through the book. There is a lot of content to digest. Thanks.

I would recommend spending as much time as you need playing with the core of Fulcro. Getting a really solid understanding of defsc :query :ident and :initial-state and load! is important. Without a good understanding of those concepts, it will be confusing to go onto the more advanced interactions like pagination, auto-complete etc.

Thanks for the advice. As far as my understanding goes load! is also a mutation in the sense that it triggers a network call (side effect). Being it a side effect, should we call load! directly from the ui?