Fork me on GitHub
#reagent
<
2018-08-21
>
Michael Thurmond15:08:23

has anyone had success using react-sticky in a CLJS project?

Michael Thurmond15:08:34

or any other sticky header for that matter

Michael Thurmond16:08:31

for holding a table header in place

justinlee16:08:36

@thurmondmb there’s no reason why it won’t work. are you having a specific problem?

Michael Thurmond16:08:10

yea getting it in the project has been a pain

Michael Thurmond16:08:24

[cljsjs/react-sticky "6.0.2-0"]``

Michael Thurmond16:08:53

in require [cljsjs.react-sticky]

Michael Thurmond16:08:12

but I get tons of react errors about the DOM

Michael Thurmond16:08:50

so now I'm going back in and messing around with the project.clj ;[cljsjs/react "15.6.2-5"] ;[cljsjs/react-sticky "6.0.1-0" :exclusions [cljsjs/react cljsjs/react-dom]] ;[cljsjs/react-sticky "5.0.8-0"] [cljsjs/react-sticky "6.0.2-0"] [cljsjs/prop-types "15.6.2-0"] [cljsjs/react-dom "15.6.2-5"] [cljsjs/react "15.6.2-5"]

justinlee16:08:34

can you use shadow-cljs?

justinlee16:08:42

using cljsjs is always going to be a nightmare

justinlee16:08:58

I just got it working in 10 minutes from a fresh shadow starter kit

Michael Thurmond16:08:43

I'll look into that

justinlee16:08:58

if i can figure out the git incantations i’ll throw this example up on github

Michael Thurmond16:08:50

thanks, can I use it with lein?

justinlee17:08:17

yea you can embed it with lein

justinlee17:08:54

there’s a lot of documentation and #shadow-cljs

João Lucas17:08:11

I've been trying to use react-select. However the rendering is messed up: the input field is small and options list isn't rendered on a pop-up/modal. I'm also using material-ui and following this https://material-ui.com/demos/autocomplete/ example. Has anyone faced a similar issue or knows what's going on?

justinlee17:08:57

@jlucas.nsilva sounds like you’re not shipping the right css perhaps? i’m not the familiar with how material-ui works but that’s what it sounds like

justinlee17:08:19

the other option is that sometimes you are required to pass a style object down to your component

João Lucas17:08:24

Thank you. I'll check it.

João Lucas17:08:55

The no css files are refered in the cljsjs react-select's README. The component (Select, from react-select) allows for the user to provide custom components. I did as the example linked above shows, but the components I provided are not being mounted.

justinlee17:08:07

@jlucas.nsilva hard to diagnose what’s going on from what you’ve said so far

João Lucas18:08:23

That's how the select is displayed when I do

João Lucas18:08:03

Same thing happened to me when I attempted to use "pikaday" from cljsjs.

Michael Thurmond18:08:00

not going to lie, I have a pretty big project and I'm not sure if I want to re-configure it to run shadow js (hopefully I am articulating myself well enough here)

Michael Thurmond20:08:14

also is it possible to create a stationary header for a dynamic table with hiccup and css?

justinlee20:08:47

anything you can do with react you can do with reagent

justinlee20:08:58

it’s just a layer on top of react

Michael Thurmond21:08:53

ha yea I figured since reagent is built on react 🙂