These are chat archives for ractivejs/ractive

13th
Mar 2018
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 00:52
@fskreuz new logo is missing in the Playground
Joseph
@fskreuz
Mar 13 2018 02:06
I don't remember the playground ever having a logo. Was there ever one? The favicon is still the old logo though.
Chris Reeves
@evs-chris
Mar 13 2018 03:15
the favicon is now updated :)
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 08:06
I liked the "Play" shape :+1:
Simon Layfield
@simonlayfield
Mar 13 2018 12:53
Demo links appear to be broken: https://ractive.js.org/resources/
Not sure if this is a known issue but couldn't see it in the docs issues
.ico files do get cached, in my experience
Simon Layfield
@simonlayfield
Mar 13 2018 13:00
Screen Shot 2018-03-14 at 12.00.00 am.png
@ceremcem may be referring to this?
Is this as intended?
Ah, actually - I think it is intentional. Apologies, I thought it was what shows when a special character is unable to display.
Chris Reeves
@evs-chris
Mar 13 2018 13:16
@simonlayfield I tried my hand at differentiating plain playground tabs from docs tabs via favicon
do you think it could be improved?
(the original issue was that I forgot to swap the favicon for the plain playground)
Simon Layfield
@simonlayfield
Mar 13 2018 13:20
I'm ok with it, sure. I dare say just a play symbol would be nice and clean, and still distinguishable as a playground tab. But either is fine with me really.
Simon Layfield
@simonlayfield
Mar 13 2018 13:26
Off topic: I had some much-needed downtime when I got in from work, so flicked on the PS4 and fired up the Crash Bandicoot re-release.
The first thing I see on the screen is this:
Vicarious-Visions-Logo-300x300.png
Chris Reeves
@evs-chris
Mar 13 2018 13:27
😂
Simon Layfield
@simonlayfield
Mar 13 2018 13:28
🤔
Chris Reeves
@evs-chris
Mar 13 2018 13:32
vividly vueing variations of virgular
Simon Layfield
@simonlayfield
Mar 13 2018 13:34
Ugh. I feel like I need a new project. Is anyone working on anything and for some reason need a total newb to get involved and probably ruin it?
Chris Reeves
@evs-chris
Mar 13 2018 13:36
I have several back-burnered ideas, but none really started yet
a gitter mobile client that didn't send messages while you're still composing would be glorious
Simon Layfield
@simonlayfield
Mar 13 2018 13:37
ha
Joseph
@fskreuz
Mar 13 2018 13:37
:joy:
Simon Layfield
@simonlayfield
Mar 13 2018 13:39
Well, I like ideas. And projects help me learn so I'm always open to them.
Chris Reeves
@evs-chris
Mar 13 2018 13:41
I have a ractive component library in progress for complex line of business apps, if you're interested in abusing browsers into handling an app for everything from MDI-desktop-style all the way down to iPhone 4 mobile in a single set of views
if you're after greenfield, the last thing I thought would be awesome would be a console bookmarklet for mobile - inspired by the svelte render clock
I get linked to fiddles a lot, and you can't see console output on mobile chrome 😑
Simon Layfield
@simonlayfield
Mar 13 2018 13:44
Ahh I see.
It might seem like I'm backpedaling a little here but I have to stress I'm pretty new to a lot of these concepts. These sound like a level of sorcery I'm probably not capable of at this point.
Perhaps I'll stick to helping with the Ractive docs for a while.
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 13:47
(simon unwillingly looks at the blue pill)
Chris Reeves
@evs-chris
Mar 13 2018 13:49
that's fair 😄
design is your jam - have you looked at dynamic component css support for theming purposes?
evs-chris/ractive-materialish is where I'm dogfooding it, along with a bunch of other stuff on edge
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 13:53
ractive-materialish is one of the projects I'm keeping an eye on
Chris Reeves
@evs-chris
Mar 13 2018 13:54
would be pretty cool to have a good set of variable names to be able to build jqueryui themeroller-style theme packs
I really need to push to that repo
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 13:55
:smile:
Chris Reeves
@evs-chris
Mar 13 2018 13:57
dynamic css in ractive isn't as slick as sass/less/stylus, but it does work in all supported browsers and the variables are available in ractive data and inherited from ancestor components
Simon Layfield
@simonlayfield
Mar 13 2018 14:02
Oh cool! I'll take a look!
@ceremcem haha. It's true. I'm not ready for reality!
Simon Layfield
@simonlayfield
Mar 13 2018 14:12
@evs-chris actually theming stuff is something I'm really keen on. Most recently I'd been using one of my projects to get my preferred workflow down.
It does use Svelte, though. It taught me a lot about the peaks and pitfalls of component styling.
Chris Reeves
@evs-chris
Mar 13 2018 14:39
neat!
I like svelte a lot, but I find its few tradeoffs don't suite my usual market (intranet apps) as well as ractive does in most cases
Chris Reeves
@evs-chris
Mar 13 2018 14:46
so I haven't been able to use it as much as I'd like
Joe Turner
@JoeTurner-IR
Mar 13 2018 18:16
liking the reskin of the site
because currently each of "API", "Plugins", "Resources", and "Concepts" contain similar children in some cases
thought I might mention that you could think about reworking the site tree a tiny bit
although it's clear to me now how to get to the thing I want, when I first started using it, I didn't know which menu I wanted
the messages beginning with "because" and "thought" are the wrong way round (slow connection) ^
Joe Turner
@JoeTurner-IR
Mar 13 2018 18:38
although having looked at it again for 5 minutes, maybe it's fine :P
Chris Reeves
@evs-chris
Mar 13 2018 19:55
that's fair
API is supposed to be the main stop, which it's so giant - searchability
concepts needs a bit of an overhaul and is mostly more internal-ish/deep dive stuff
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 20:25
do you think adding a "when" section to each API element would be useful?
I found myself asking "okay, when should I use delegate?
Joseph
@fskreuz
Mar 13 2018 20:27
That would be hard to maintain/make consistent for each API (that's sort of what happened to the "example for everything" idea - not everything got an example). A dedicated section in the docs, together with an "FAQ" might be better.
With each section split by feature/group of features, not necessarily by function/method/property.
i.e. "When to use observers", "When NOT to use observers", "When to use computed data", "When to use helpers", "When to use scripted CSS" etc.
This section would be more free-form, more "when, where and why" than the API section which is the "what and how".
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 20:33
hm. right, for example adding a "when" section to "ractive.set" has no meaning. FAQ idea is wonderful.
so, when should I use delegate?
Joseph
@fskreuz
Mar 13 2018 20:38
Depends on use case. It's like choosing between a single jquery.on on parent vs jquery.click for each child.
Paul Maly
@PaulMaly_twitter
Mar 13 2018 21:22
@ceremcem It's too expensive to add event listener to each row of a list, so good practice to use event bubbling and add single listener to parent.
Ractive just do it for you
Joseph
@fskreuz
Mar 13 2018 21:24
delegate is true by default, so no extra action is needed. When to set it to false is a tougher question to answer.
I've never used delegate: false and wanted to understand when to use
Chris Reeves
@evs-chris
Mar 13 2018 21:58
only need to turn off delegation in certain situations, like for a non-passive touch event on a single element deeply nested in a big list
or when you're going to detach and jumble the dom :smile:
delegation has no ill effects 99.999% of the time
Cerem Cem ASLAN
@ceremcem
Mar 13 2018 23:19
okay. so I'll think about it when I faced with a similar problem again :)