Fork me on GitHub
#fulcro
<
2021-02-14
>
Mio Q16:02:57

holy fuck this looks impressive. any cool real world apps built with fulcro?

Jakub Holý (HolyJak)17:02:30

Many but perhaps not open source. In any case you can explore fulcro-template, which is an example app.

Mio Q17:02:23

I mean like live running ones. doesnt have to be open source

Mio Q17:02:33

not looking for code examples here, just wanna see what people have managed to build with this basically

Jakub Holý (HolyJak)10:02:01

We have an app for our Customer Support with a list of info about our customer organizations and for each details about their latest "billing run" compared to the previous 2 and joined with extra data so they can drill down and find out why the customer gets the invoice they get and what is wrong. Saved a lot of troubleshooting time to the dev team 🙂

Thomas Moerman21:02:32

We are building a Mass-spectrometry imaging analysis workflow platform on Fulcro, a small part is running in production. Not open source.

Thomas Moerman21:02:16

Current stack involves: Fulcro-Pathom-Crux, and a computation stack based on Python

Thomas Moerman21:02:53

This is a version of last year using Fulcro 2.8 on top of a Python-based GraphQL backend. Our latest incarnation runs Fulcro 3.4 full-stack, using Pathom 2.6 resolver infrastructure and Crux DB. Full stack Fulcro is a lot nicer than front-end only, although even used strictly on the front-end there are many benefits in my experience, cfr. the normalized DB, queries etc, all that is explained in the videos and docs. https://aspect-analytics.com/media/projects/metabolite-explorer/

Mio Q22:02:12

thanks @U052A8RUT looks like a good fit for fulcro idd. does it play nicely with rest of react ecosystem & hooks, etc. ? seeing a lot of mentions of classes in the docs

bbss04:02:08

Cool @U052A8RUT I'm also on fulcro+pathom3+crux. Suprisingly good fit since eql/project functionality was added to crux!!

bbss04:02:02

@U01KR5N7MSM I'm building a Korean language learning app. It's quite interactive, visualizing ocr, doing grammar and word analysis and adding spaced repetition for learning.

👍 3
fjolne09:02:05

@U01KR5N7MSM it plays fine with 3rd party react components and you can use hooks; fulcro doesn’t restrain you, you can build any stuff you’d build in any other web stack, but more expressively and maintainable we built a few multiplayer conference-like games in fulcro+phaser

👍 3
Casey09:02:12

Do you all have any getting started resources or examples of using crux and pathom you could share?

Thomas Moerman09:02:20

@U09MR0T5Y how exactly do you leverage the eql/project feature? The documents I store are quite shallow, so I don't immediately see how I would use the projection. Thoughts?

bbss10:02:04

Sure, fulcro queries can directly be passed to a crux query e.g. (eql/project ?e fulcro-query), so you hardly need to do any data shaping/write resolvers. Just need to make sure you inject the users credential data in the right :where if you have authentication use-cases. Further I use fulcro form-state to upsert docs for form-save mutations, got "inspiration" from #biff here.

bbss10:02:09

@U052A8RUT @U70QFSCG2 not exactly a resource, but it's broadly how I use it now. 🙂

👏 3
Mio Q14:02:57

sounds promising then. likely what im building wont have any traditional backend but will interact with ipfs + ethereum + clientside database. if anyone has their app running live id love to see, drop a link here

Mio Q14:02:13

early prototype 😀

fjolne14:02:24

@U01KR5N7MSM game: https://slavik.budu.jobs ; the main website is also in fulcro: https://budu.jobs

Duck Nebuchadnezzar21:02:18

Say I have an account model with a :value and a :name property. I'm in a component that has an account as the ident and it queries the value. Now I need to pass some data to another component that uses that same ident but queries for the name. How do I compose my queries / pass the data to have both fields returned from my load?

tony.kay02:02:26

You need to understand that queries are a composition from root of your data graph. The only way a component receives data is one of the following: 1. It is well-connected in the data graph 2. You use “floating roots” 3. The component is well-connected AND it uses a link query Components that are not floating roots cannot query for arbitrary data and just expect to get it. I’m working on explaining this in gory detail in the new Grokking Fulcro video series, but it is well-covered in the book

Duck Nebuchadnezzar02:02:06

Ah-ha! After realizing that a floating root was not what I wanted and it was my intention to have this data well connected, I realized that I needed to create some sort of relationship between an account and the link to that account pointing to the same ident. Once I did that, it's working the way I want.