This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2018-08-13
Channels
- # aleph (6)
- # architecture (29)
- # beginners (175)
- # cider (22)
- # clara (5)
- # cljdoc (5)
- # cljs-dev (28)
- # cljsrn (6)
- # clojure (62)
- # clojure-finland (7)
- # clojure-italy (7)
- # clojure-nl (2)
- # clojure-spec (23)
- # clojure-uk (194)
- # clojurescript (90)
- # core-async (2)
- # cursive (23)
- # datomic (41)
- # defnpodcast (2)
- # editors (4)
- # emacs (1)
- # figwheel-main (41)
- # fulcro (53)
- # hoplon (15)
- # hyperfiddle (4)
- # immutant (1)
- # jobs (7)
- # jobs-discuss (103)
- # lein-figwheel (9)
- # off-topic (34)
- # onyx (3)
- # parinfer (1)
- # portkey (1)
- # re-frame (7)
- # reagent (2)
- # remote-jobs (2)
- # rum (1)
- # shadow-cljs (148)
- # sql (54)
- # tools-deps (3)
- # vim (7)
@priornix I will need to read up more on Ant Design and try to find a good place to try it out. Most likely it'll end up being some sort of basic CRUD app. I may also look at it as a front end for a automated system, providing a dashboard with few override and adjustment controls. Having it already integrated with Fulcro would make it easier to reach for. I enjoy learning new things, but try not to tackle too many at once.
Hello friends, is there an online demo of book/bootstrap
I see many of the bootstraps
v3 component that I would like to use
hello man, how you doing? not sure if you saw, I recently made a post with some tips to use ui kits with fulcro, might be helpful: https://medium.com/@wilkerlucio/using-any-react-ui-kit-with-fulcro-82cce271b9cc
I am great thx, and I saw your blog post which is awesome !!! But in this particular case, I must use Boostrap as I am “simply” using a legacy design from my client
But your post will help, for sure
and besides, bootstrap use jquery
for some components, It’s probably why Tony Kay rewrote it in a separate namespace
yeah, can't you use some react bootstrap wrapper? sounds like an easier path
it does exist - not sure of the quality though. Maybe @U0CKQ19AQ has some feedbacks on this one as he made the bootstrap namespace
I rewrote most of it, but have not really needed it myself. I’d take PRs on it to improve it, but everything but carousel has an alternative in Fulcro
I intend to move it out of the main lib, and either into incubator or it’s own maintenance space. I’d prefer another maintainer take it over
by the way, the iframe
works like a charm for simulating browser width ! with cards, it’s really awesome
https://github.com/fulcrologic/fulcro/blob/develop/src/book/book/bootstrap/helpers.cljs
@U2N9GDB1U I still didn't made a public announcement, but you might enjoy this: https://github.com/nubank/workspaces
haha, no worries, but at least it makes sense that stars were raising, I was a bit surprise of how, now it makes sense 🙂
@U066U8JQJ that’s really awesome ^^
I’ll try it tomorrow
https://fulcrologic.github.io/fulcro-incubator/ size
button is suppose to do what ? does not work with chrome
@U2N9GDB1U it logs to the console the current card size
hi, I'm evaluating Fulcro for a new project, mostly reading through the docs right now, and one thing my project will have heavy need for that I don't see discussed at all in the documentation is, how do I map derived state to UI?
Not sure what 'derived' state is. But it is the queries in the components that in the end are grabbing the data/props that end up in the UI.
by "derived state" I mean, let's say I have a list of things, and I want to display their count. Is there a way to query that without either manually storing that in the app db or computing it in the view?
in re-frame I'd define a subscription as (rf/reg-sub :things/count (fn [db] (count (:things db)))
and then subscribe to that
my actual use-cases are quite a bit more involved but these sorts of derived calculations are the bread and butter of the data analysis tool I'm building
You could have another component that has that state in it (the count). Your mutations would have to re-compute it every time if it is derived.
Derived values are discussed in the book: http://book.fulcrologic.com/#_derived_values.
slack doesn't let me paste into the webpage version of the app anymore for some reason
but it's advocating for either storing the result in the app db or doing the computation in the view
@mattly after a lot of fulcro coding, in my experience derived values are better to be defined at your server level, instead of loading data and calculating in the client, you can give that derived value a name (keyword) and just ask for it on the client, this can reduce complexity at your client code considerably
that's fine, by server I mean your network layer, even if it's full client side you can still leverage code separation by having a local parser that will do the async operations (like loading data from anywhere)
for writing the parser I recommend pathom (disclaimer: I'm the author of it): https://github.com/wilkerlucio/pathom
For anyone interested in charting I translated a JavaScript chart/app that uses React Vis into a Fulcro app, and wrote a Medium article on it: https://medium.com/@cjmurphy/using-react-vis-from-clojurescript-787d02281f7c
I’m working through the book and when we create (def ui-person (factory Person {:keyfn :person/name}))
, what is :keyfn
doing?
@joshua.d.horwitz its the fn thats used to generate the key
attribute on the child elements for react indexing
oh ok, thanks
and there are no :ident
, is that no always needed?
@joshua.d.horwitz it's recommended to have :ident
most of the time, without it your component data will not get normalise (this is sometimes desired, but most of time should be avoided as it can lead to data duplication / reduced consistency)
I’ve always wondered why om.next didn’t default to using the ident when keyfn wasn’t specified
@matthavener probably because key
is very much a react only concern and om.next didn’t want to be too much magic
but that’s just my guess
What is a good strategy to indicate to the user that "loading..." is going on while :started-callback
is occupied? I know you can put the loading indicator on the index.html file itself. But is there a way to bring up a loading indicator without doing this?
I guess I want the 'default UI' to come up, hopefully without resorting to SSR or routing. This is for the simple React Vis demo above. At the moment the user sees nothing in the browser window, and then sees a big chart. I would prefer the user to see my simple loading (dom/div "I am loading")
div during the initial moments while the local data is being loaded into app state.