Fork me on GitHub
#re-frame
<
2018-12-10
>
Braden Shepherdson15:12:28

z-index is a weird thing, and wildly unintuitive.

Braden Shepherdson15:12:56

@raymcdermott you probably want to use transition: translate3d(x, y, z) on things.

Braden Shepherdson15:12:18

for one, it forces them into GPU surfaces so they efficiently draw over each other.

witek15:12:41

Hi. I would like to use the latest https://material-ui.com/ in my re-frame app. But there are so many different libraries on clojars. Anyone has an idea which one I should use? Thx!

witek15:12:16

I have used org.clojars.melodylane/cljs-react-material-ui so far. But it is outdated now 😞

raymcdermott16:12:11

@braden.shepherdson I’ll have a look, thanks!

valtteri16:12:34

@witek [cljsjs/material-ui "3.2.0-0"] is probably the most recent one.

valtteri16:12:07

There’s also example project under reagent repo with nice interop examples https://github.com/reagent-project/reagent/tree/master/examples/material-ui

Wilson Velez17:12:03

Is there a way to get the app-db in the computation function?

Whiskas17:12:50

Does anyone has a vertical navbar component to recommend?

Whiskas18:12:12

@witek do you know if it is possible to easily integrate those material-ui themes into reagent?

lilactown18:12:02

@mateus.pimentel.w that's more of a reagent question I think. reagent is the library that wraps React and handles rendering components

lilactown18:12:16

so anything that works in reagent, should work in re-frame

lilactown18:12:21

unless i'm misunderstanding your question

Whiskas18:12:49

yeah, that’s true

Whiskas18:12:56

i will edit the question

prozz20:12:17

i just read re-frame docs over the weekend and as a backend engineer who lost contact with any ui many years ago, im blown away 🙂 very good, entertaining read and the tool seem awesome and on point. i will reread it for sure, right now im on the hunt for more tutorials, best practices, talks and stuff. i especially miss some advice about how to write/organize really big apps and how much reagent i need to know to start writing them (i know nothing about reagent and just very little about react itself)

mikethompson20:12:13

@prozz the External Resources doc has some of the stuff you are looking for including example apps and commercial training. https://github.com/Day8/re-frame/blob/master/docs/External-Resources.md

prozz20:12:14

thanks, i think i dismissed this page to early while browsing docs

shaun-mahood21:12:29

I couldn't find the links to the commercial options with a quick scan of the page, the most relevant ones in case you are interested are https://purelyfunctional.tv/courses/understanding-re-frame/ and https://lambdaisland.com/collections/react-reagent-re-frame - they are both well produced but certainly not necessary to understand re-frame

prozz21:12:14

one more question: i heard from ui guys at work, that it's easy to write components in a bad manner (in react in general), so that simple user action will re-render whole dom every time. i guess re-frame is immune to such thing, am i right? also at what point app-db is too big and user may experience delay in ui responsiveness? does this question even make sense?

mikethompson21:12:41

Sorry, yes, commercial courses are linked to in the main docs Readme: https://github.com/Day8/re-frame/tree/master/docs

shaun-mahood21:12:10

Ahh, that's a good spot for them.

mikethompson21:12:38

The Reagent docs also reference a slightly different set of commercial courses |https://github.com/reagent-project/reagent/blob/master/doc/README.md

prozz21:12:44

i dont think i will be using commercial ones just yet, its for hobby side projects.

prozz21:12:02

go to channel just to ask few basic questions. got project maintainers to answer you. haha. good job guys!

shaun-mahood21:12:36

@prozz: As you're going through examples, if they are running older versions of re-frame there may be some significant differences in how they are using things - I would suggest avoiding examples using an v7 or older as you get started though as there are significant enough differences that they may trip you up

prozz21:12:01

virtual 🍺 for the entertaining read!

prozz21:12:08

i already have a setup with re-com, re-10x with use of lein template provided on day8 page, works like a charm with figwheel and cider inside emacs. i will check versions before reading 3rd party sources tho, good advice.