►
From YouTube: Is CSS-in-JS relevant in 2023? - Open Source Friday
Description
A new CSS-in-JS library just dropped. It's called Ecsstatic:
✅ fully static,
✅predefinite
✅for Vite.
Join us as we learn how to leverage Ecsstatic and discuss the relevancy of CSS-in-JS in 2023 this Friday at 1pm ET on http://twitch.tv/github.
RSVP: http://gh.io/css-js
A
It's
basically
a
time
where
we
chat
with
an
open
source,
maintainer
or
core
contributor
about
their
project,
and
we
learn
more
about
like
how
we
can
get
involved
with
their
project
or
how
we
can
get
our
own
start
into
open
source
for
folks
that
are
joining
in
right
now.
We're
listening
in
feel
free
to
tell
me
where
you're
calling
in
from
and
maybe
like
your
favorite
programming
language
I'm
super
excited
about
today's
stream,
because
I'm
chatting
with
my
friend
and
I'm
gonna
go
ahead
and
let
them
introduce
themselves
hello,
hello,.
A
That's
awesome,
I
see
someone
posted
their
their
favorite
programming
language
thing.
Someone
said:
Drupal,
awesome,
hey
everyone,
so
tell
us
what
your
project
is.
What
is
it
called?
I?
Don't
want
to
introduce
things
for
for
our
guests,
so
I
want
you
to
be
able
to
talk
about
your
project
in
the
way
you
want
it.
What
is
it
called?
What
does
it
do?
A
B
So
it's
called
like
static,
so
that's
with
two
s
is
because
you
know
CSS
has
two
s's
and
yeah:
it's
a
it's
a
CSS
in
JS
Library
and
like
it's
fully
static,
so
we'll
go
or
what
that
means,
and
it's
made
specifically
for
wheat,
okay
and
yeah,
we'll
kind
of
go
over
all
what
all
of
that
means.
So
don't
worry
if,
like
none
of
that
makes
sense,
because
it's
like
just
words.
A
Cool
and
I'm
just
going
to
highlight
a
couple
of
comments
again
to
link
thanks
for
tuning
in
from
Nigeria,
and
then
someone
said:
hey
Roselle,
hey
my
uncle!
So
hey,
hey
back
to
you,
Ezekiel
I,
hope,
I
said
your
name
right.
What
inspired
you
to
create
a
CSS
in
JS
library
for
V,
like?
Why
were
you
like
yo
I'm,
about
to
make
this
today.
A
A
B
But
what
I
found
was
that,
like
none
of
the
ones
that
exist
work
well,
and
we,
and
specifically
in
Astro,
which
uses
weed
for
SSR
and
yeah,
that's
kind
of
why
I'm
like
like
it
started
kind
of
as
a
joke.
I
was
like
how
hard
could
it
be
to
make
a
make
a
CSS
and
JS
Library
and
like
this,
this
one
night,
I
was
just
playing
around
with
it
and
kind
of
got
the
proof
of
concept
done
in
like
50
lines
of
code
wow,
and
it
was
like
okay.
B
This
is
not
that
hard,
but
then,
like
it,
just
kind
of
evolved
from
there
and
started
finding
more
and
more
edge
cases
to
fix,
and
then
yeah
I
eventually
kind
of
just
open
sourced
it,
and
it
seemed
like
people
kind
of
agree
with
this
idea
that,
like
such,
like
at
least
the
people
that
have
used
it,
they
kind
of
like
that.
It's
like
so
minimal
and
like
something
like
this.
A
Yeah,
okay,
perfect!
So
basically
you're
like
we
don't
I,
don't
have
a
good,
optimal
solution
or
that
or
I
haven't
found
one
that
exists
out
there
and
you're
like
I'm
gonna
just
make
it.
It
can't
be
too
hard
and
you're
like
it
isn't
and
then
also
you
said
it
acronym
SSR.
Can
you
explain
that
for
folks
tell
us
what
the
acronym
is
for
folks
who
are
watching,
and
they
don't
know
because
I
like
to
make
sure
that,
like
no.
B
Yeah
yeah
I
guess,
let's
start
with
wheat,
wheat
is
a
bundler
right.
It
bundles.
Your
code
like,
like
you,
write
code
and
like
I,
don't
know
typescript
and
like
jsx
yeah
Converse,
that
the
plain
HTML
CSS
JavaScript
files
and
Astro
uses
sweet
under
the
hood
for
SSR
I
said
what
what
that
really
means
is
like
it
kind
of
generates.
B
Right,
it's
overstep
rendering
but
like
it's
it
has,
it
doesn't
necessarily
have
anything
to
do
with
server.
So
what
I
really
mean
there
is
like
not
the
client-side
JavaScript,
it's
like
it.
It
mostly
happens
at
either
build
time
or
on
the
server.
So
the
JavaScript
like
runs
beforehand
and
like
kind
of
generates
the
markup
statically
that
that's
what
I
mean.
A
Perfect.
Thank
you.
Thanks
for
explaining
there's
some
comments
that
I'll
highlight
again.
I
want
to
make
sure
people
feel
you
know
like
we're
conversing
with
them.
Shea
said
pronounce
it
like
aesthetic
and
make
the
logo
a
snake.
I
like
you.
Well,
we'll
show
you
the
logo.
If
you
haven't
seen
it
but
I
think
it's
cute,
the
one
that
yeah.
A
A
Oh
cool,
so
my
next
question
to
you
is
I
know
these
are
like
kind
of
hard
questions
to
like
break
down
like
these
little
things.
It's
just
like.
Can
you
explain
the
value
of
CSS
in
JS
for
someone
who's
like
I?
Don't
I
don't
see?
What's
the
big
deal
or
they
they're
new
to
web
development,
or
something
like
that.
B
You
just
write
the
selectors
and
they
get
connected
automatically
and
scoped.
You
can't
do
that
in
react
because
reacted
like
I.
Don't
care
how
you
write
your
CSS
and
yeah.
So
that's
that's
kind
of
where
CSS
and
JS
comes
in.
It's
like
you.
You
want
to
be
able
to
write
CSS
in
jsx
really
and
like
jsx,
doesn't
have
a
easy
way
to
do
that,
so
we
kind
of
need
to
create
all
these
libraries
in
in
the
ecosystem,
and
so
so
that's
CSS
and
JS
right
now.
Why?
B
Why
would
you
want
that
in
the
same
file
rather
than
in
a
different
file?
What
I
found
is
that,
when
it's
in
a
different
file
like
the
best
thing
there
is,
is
CSS
modules
and
yeah.
That's
that's!
What
like
I
found
that
that's
the
closest
we
can
get
and
like
there's
still
problems
there
because,
like
it's
like
not
directly
connected,
so
you
can't
like
right.
A
That's
true,
yeah
CSS
is
not
going
to
be
like
hey
you're
missing
this.
It's
just
not
gonna
work
for
for
this
person.
That
commented.
Would
you
like
to
expand
on
what
you're
asking?
Are
you
asking
if
tail
won
the
CSS
and
JS
or
just
just
expand,
because
I
know
we
both
have
strong
feelings
on
tailwind
and
you
don't
want
to
get
us
started
so
I'll.
B
A
True,
true
cool
I
think
that's
a
good
point.
Someone
said
repo
link.
Please
give
us
a
second.
We
will
post
it.
I
want
to
just
go
through
the
demo
and
stuff
like
that,
because
sometimes
the
first
off
I
can't
put
links
in
our
chat
and
then,
when
I
put
a
banner
over
it,
I
don't
want
to
cover
up
when
they
do
the
demo.
My
last
question
before
the
demo
is:
why
is
this
concept
relevant
in
2023?
A
A
B
If
you
ask
people
they'll
be
like
CSS
stocks,
it's
like
it's,
not
really
what
you
want
to
be
using
in
2023,
yeah
or
like
most
of
them,
I
think
are
talking
about
runtime,
CSS
and
JS,
where
you
write
the
CSS
in
JavaScript,
but
like
it
gets
sent
to
the
actual
users
browser
like
like
it
runs
in
the
browser
and
like
it's
slow
and
bad
for
performance
and
like
you,
should
just
be
generating
CSS
files
and
shipping
that
instead,
so
that
I
think,
is
why
this
library
is
relevant.
Like
like.
B
A
That
makes
sense.
Thank
you
all
right.
Let's
get
into
the
demo,
let's
see
what
this
is.
Actually,
your
screen
is
already
shared.
Oh
hey,
hey
the
stupid
learner.
They
always
watch
every
single
twitch
stream,
so
just
wanted
to
shout
them
out
alright.
So
let's
see
the
demo
of
a
static
or
I
feel
like
I'm
saying
it
wrong,
but.
A
A
B
So
like
a
lot
of
CSN,
CSS
and
JS
libraries,
they
give
you
like
all
these
apis
to
do
all
kinds
of
things.
Ecstatic
is
like
minimal
by
Design
like
all
it
does
is
like
you
write
some
I,
don't
know
properties
and,
like
you,
just
make
style
rules
and
assign
them
to
a
variable,
and
this
will
get
replaced
by
a
class
name.
That
is
like
scoped.
So
it
looks
like
gibberish,
but
that's
why
it's
like
the
compiler
for
you're
not
really
going
to
be
worrying
about
this
and.
B
Oh
yeah,
I
guess
I
forgot
to
mention
this
part,
so
one
of
the
problems
I
faced
with
other
CSS
and
JS
libraries
that
I
tried
before
was
they
don't
support.
The
entirety
of
CSS,
like
CSS,
has
added
so
many
new
features
and
keeps
adding
new
features
and
I
found
that
those
don't
fully
work
in
other
libraries,
so,
for
example,
I'm
using
Cascade
layers
here,
I'm
using
container
queries
here.
B
Like
you
can
kind
of
copy
this
like,
like,
maybe
you
saw
a
code
pen
that
you
really
liked
you
can
copy
that
CSS
directly
in
gear
and
it
will
work
out
of
the
box
and
maybe,
let's
say,
you're,
switching
off
react
to
a
swelt
or
something
you
can
copy
this
back
in
this
route,
and
that
will
also
continue
to
work.
That
I
feel
is
like
really
important,
like
you
should
have
no
lock-in
with
your
project
yeah
and
staff
I
really
like
SAS.
So
this
just
supports
SAS
like
because
why
not
yeah.
A
B
A
B
A
A
A
A
B
Like
some
other
CSS
and
JS
libraries,
they
use
JavaScript
objects
instead
of
a
string
of
literal
and
when
you
do
that,
you
kind
of
have
to
recreate
everything
from
CSS
in
your
in
your
JavaScript
objects
and
Tailwind
kind
of
also
has
this
problem
like
it
has
to
like,
like
when
new
features
come
out.
You
have
to
kind
of
wait
for
Tailwind
to
support
them.
B
A
B
B
A
A
B
A
B
Works
so
far
right,
but
like
as
I
was
working
in
lots
of
Astro
projects.
I
found
that,
like
a
lot
of
times,
I
want
to
like
add
interactivity
and
for
that
I'll
pull
in
preact
or
sometimes
react
yeah,
and
what
that
means
is
I
need
to
move
my
markup
from
an
astrophile
into
a
jsx
file.
So
let's
do
that.
Okay,.
A
B
A
A
B
A
A
B
A
B
B
B
A
A
It's
worth
it
to
me.
Dan
said
well,
someone
else
said:
use
the
CSS
to
make
everything
bigger
than
you
don't
need
to
zoom
perduma
said:
hey,
hey
and
then
highly
recommend
using
copilot
I.
Imagine
that's
when
we
didn't
realize
that
you
were
missing
a
comma
and
then
someone
else
said
it's
the
same
comment
concept
as
lit
elements.
Have
you
used
lit
elements
before
I
haven't
yeah.
B
B
The
benefit
of
using
just
like
the
same
API
like
you'll,
find
the
CSS
in
like
lots
of
libraries,
is
that
there
are
vs
code,
extensions
that
will
look
for
this
name
and
they
look
for
this
tag,
template
lateral
and
they
will
add
syntax
highlighting
so
like
I'm
hovering
over
like
their
syntax,
highlighting
here
and
also
like
I'm
hovering
over
the
properties
and
like
I,
get
all
the
details
about
them.
If
I
use
like
a
color.
A
B
B
A
B
So
it's
just
a
weed
plug-in
and
we
uses
the
same
API
as
like
a
roll-up
plugin.
So
it's
like
pretty
it's
a
good
API.
Let
me
just
put
it
that
way
and
like
yeah,
you
just
kind
of
find
so
in
this
transform.
You
start
with
finding
jsx
files
and
in
there
you
parse
the
ASD,
and
then
you
look
for
ecstatic
Imports.
So
in
this
case
it's
like
this
thing
we
imported
and
then
you
look
for
these
things
like
the
csis
tag,
template
literal
and
then
you
extract
the
CSS
out
of
it.
B
A
B
A
Framework
or
language
or
anything
I'm
always
wondering
like
how
people
did
this,
but
basically,
like
you
just
said,
you
looked
for
the
specific
files,
the
jsx
files.
You
looked
for
the
ones
that
had
those
Imports
and
then
you
looked
for
that
template
literal
so
that
you
can
be
able
to
figure
out.
When
do
you
need
to
oh
what
you
can
do
any
class?
Oh
cool
yeah,.
B
B
A
B
A
B
Like
the
benefit
of
that,
potentially,
is
that,
like,
if
you
have
like
the
same
declarations,
repeated
like
like
like
100
components
on
your
page
use,
display
Flex,
they
will
all
share
the
same
class,
so
the
style
sheet
that
can
potentially
be
smaller
and
yeah.
It's
like
a
trade-off
like
sometimes
it
can
be
bigger.
Sometimes
the
markup
can
be
like
bloated,
with
lots
of
classes,
so
sure
I
can
run
this.
B
A
B
A
A
B
A
B
Well,
challenges,
I,
guess
the
making
this
thing
from
scratch
was
kind
of
a
challenge,
because
I've
never
made
like
a
we
plug
in
before
yeah,
so
like
I
kind
of
just
I
was
debating
if
I
should
even
like
make
it
open
source
and
then
I
did
and
like
I
saw
that
people
were
using
it
and
that
kind
of
motivated
me
to
keep
going
so
I
made
it
like
more
polished,
handled,
more
edge
cases
and
even
found
bugs.
So
so
that's
something!
B
A
B
And
a
lot
of
times
those
can
benefit
you
back
like
you,
may
not
have
thought
of
something
and,
like
maybe
you'll,
run
into
it
a
few
months
later
and
like
if
someone
else
run
into
it
before
you
just
fix
it,
but
other
times
it's
like
people
will
find
Niche
uses
for
your
thing
or
like
try
to
use
it
in
a
way
it
was
not
intended
for
and
then
they'll
ask
about
it.
Can
this
be
done
and
that
like,
of
course,
it
can
be
done
it.
B
It
just
requires
time
and
effort
right
in
so
yeah
that
kind
of
goes
for
any
open
source
project.
It's
like
how
much
time
you
want
to
put
into
it
because,
like
if
you
give
it
all
the
time
it
will
suck
up
all
your
time,
even
like
a
tiny
project
can
suck
up
a
lot
of
time
and
yeah.
So
one
example
here
is
like
people
wanted
well
Global
Styles,
which
I
feel
doesn't
make
sense,
like
the
entire
purpose
of
this
library.
Is
the
kind
of
take
this
and
give
you
back
a
small
string.
A
B
It's
Global
Styles,
like
they
don't
need
to
be
scoped.
So
there's
like
nothing
to
give
you
back
so,
in
my
opinion
that
you
just
go
in
a
separate
CSS
file,
because
that's
totally
fine,
that's
what
CSS
is
made
for,
like
you,
don't
need
to
you
don't
need
to
like
connect
it
with
markup.
It's
Global
right.
A
Yeah,
that
makes
sense
so
I
I
think
that's
a
good
point
that
you
just
made
is
like
just
because
people
want
a
specific
feature.
It's
up
to
you
as
the
maintainer
to
like
realize
like
when
it.
Where
are
your
boundaries
at
like,
am
I
going
to
do
this?
Does
this
make
sense
to
me
if
someone
wanted
to
make
that
on
their
own,
they
could,
but
it
makes
sense
of
why
you
said
you
wouldn't
do
it
because,
like
CSS
is
already
Global,
you
made
this
to
have
scoped
like
scoped
styling.
B
A
B
Yeah
I
mean
I,
can
kind
of
see
like
you
have
to
evaluate.
Is
this
actually
hurting
the
project
or
like
if
it's
like
not
too
hard
to
add,
maybe
you'll
just
add
it
because,
like
it,
makes
your
users
happy
and
like
ultimately,
if
it
helps
someone
might
not
have
them
so
yeah,
you
kind
of
just
have
to
evaluate
like
without
that
option,
is
it
making
someone's
life
harder.
A
Gotcha
and
then
someone
said,
it's
really
cool
but
I'm
still
not
super
clear.
Why
someone
would
use
this
over
existing
CSS,
Frameworks,
I
I
will
add
a
little
bit
and
then
you
can
add
some
I,
don't
think
we're
like
showing
this
in
the
way
of
like
you,
gotta
use
this
over
an
existing
CSS
framework.
We're
just
saying
this
is
an
option
and
then
I'll,
let
you
I'll,
let
you
add
more,
but
I'm,
just
never
in
the
in
the
business
of
being
like
you
have
to
use
this
one,
this
one's
the.
A
B
I
mean
I,
literally,
don't
care
if
you
use
it
like,
like
use
whatever
makes
sense
to
you.
I
I
made
this
because
it
this
is
something
I
felt
didn't
exist
before
and
maybe
the
demo
didn't
show
it
very
well
like
the
the
problem
that
I
was
really
trying
to
solve
is
like
when,
when
I'm
working
in
a
natural
project,
like
the
styles,
are
in
the
Astro
components,
they're
like
right
next
to
the
markup,
maybe
I
add
a
12th
component.
B
It's
the
same
deal,
but
if
I
add
like
a
preact,
react
or
solid
component,
it
kind
of
creates
a
disconnect
where
I
can't
really
easily
convert
between
them
and
like
static
markup.
So
I
wanted
a
way
to
have
my
Styles
in
the
same
place
as
the
markup
and
it'd
be
fully
static,
meaning
this
will
all
disappear
and
it
will
like
just
turn
into
a
CSS
file
before
it
even
gets
the
user
and
from
what
I
found
all
the
existing
solutions.
They
don't
work
well
or
they
require
shipping
JavaScript
to
the
user.
B
It
you
said
CSS
Frameworks:
maybe
you
talk
about
Tailwind
I,
think
Tailwind.
If
it
solves
your
problem,
go
for.
It.
I
think
that
that
makes
total
sense.
Destiny
is
like
just
a
way
to
write
CSS
until
until
one
react
adds
a
way
to
write,
CSS
and
jsx
like
they
just
need
to
support
writing
like
style
tags.
It
can
be
easily
done
and
two
until
CSS
itself
has
a
better
way
of
scoping
CSS,
because
I
would
like
to
just
use
the
platform
where
possible.
A
Yeah
I
think
yeah
I
see
the
benefit
that
it's
sculpt,
it's
it's.
It's
still
readable
your
code
still
like
you
can
see
the
difference
between
like
the
different
elements
and
the
components
and
then
I
forgot.
My
last
point,
my
I'm
kind
of
tired
but
yeah
I
I
I,
see
the
benefit
on
my
side.
I
do
want
to
say
hi
to
Laura
as
well
like
you're
you're
popular
people
are
a
lot
of
familiar
folks
are
coming
through.
A
Someone
asked
this
question
and
I
don't
mind
cons
talking
about
it,
even
though
it
may
not
necessarily
be
about
this
project.
They
said.
Is
there
a
formula
for
code,
complexity
and
coding
hours
needed
to
keep
a
program
working?
Well
from
my
side,
it's
there's
no
like
set
formula.
Sometimes
you
can
make
a
project
and
then
it'll
it'll
just
work,
and
you
don't
have
to
do
anything,
update
it
and
then
sometimes
you'll
make
a
project
and
dependencies
break
or
or
changes
happen
or.
B
B
I
mean
yeah
same
it's
kind
of
just
vibes
like
there's
no
formula.
That's
gonna,
give
you
is
this
complex
enough?
Is
this
maintainable
enough
just
kind
of
have
to
I
guess
it
also
comes
from
experience
you're
going
to
be
able
to
like
the
more
you
work
on
this
stuff.
The
more
easily
you'll
be
able
to
find
out
it
is,
is
adding
a
feature
going
to
be
like
a
maintainability
issue.
A
B
A
B
Like
like
I,
just
kind
of
made
this
to
solve
my
own
problem
and
also
just
to
see
if
it
can
be
done
because,
like
I
said
in
the
beginning,
I
was
like
how
hard
can
it
be
and
like
I
kind
of
nurse,
my
myself
into
just
making
it
a
thing
that
can
be
used?
And
then
people
started
using
it
and
I
was
like
wow
I
actually
made
something
useful,
yeah
and
people
that
like
I,
was
friends
with
like
they
hearing
from
them,
especially
feels
nice.
Like
that's,.
A
That's
awesome,
yeah
I
went
on
it
and
I
was
like
oh
wow.
You
have
like
over
a
hundred
stars
on
it,
like
people
are
really
looking
at
this
and
and
using
it
simple
learner,
said:
I'd
really
love
to
use
it,
and
maybe
even
collaborate,
so
I
think
that's
a
good
chance
for
us
to
quickly
talk
about
like
how
people
can
contribute
or
well
I
guess
you
showed
how
to
get
started
by
installing.
A
A
B
Okay:
let's
go
on
GitHub,
so
there's
a
contributing
guide.
I
made
specifically
because,
like
I
an
open
source
project,
it's
it
just
becomes
better.
The
more
people
contribute
to
it
so,
like
I
mean
a
contributing
guide
where
you
can
kind
of
get
this
project
set
up
locally,
like
the
development
perspective,
not
from
the
usage
perspective
and.
B
Honestly,
the
biggest
thing
this
project
is
missing.
Right
now
is
documentation,
so
I
actually
have
an
issue.
There
kind
of
lists
out
all
the
things
that
need
to
be
documented,
even
though
it's
like
a
very
simple
Library,
there's
like
a
lot
of
things
that
can
be
documented,
because
people
are
going
to
have
questions
about
how
do
I
do
this.
How
do
I
do
that
and
like
to
most
of
those
things?
The
answer
is
the
same
way.
You
would
do
it
in
CSS.
B
Yes,
code
extension
to
be
able
to
get
syntax,
highlighting
and
intellisense,
so
things
like
the
that
can
be
documented,
and
maybe
someone
wants
to
use
a
post,
CSS
plugin.
So
you
you're
gonna,
need
to
add
that
in
your
read,
config
or
Astro,
config
and
yeah,
just
stuff
like
that
needs
to
be
documented.
Awesome.
A
B
Thing
is
testing.
Oh
yeah
I
have
another
issue
for
that,
and
someone
was
looking
into
this.
What
we
checked
around
really
interesting
was
like
I
I
made
this
issue
very
early
like
when
no
one
was
using
this
project
and
then
two
days
later,
someone
was
like
I
try
adding
tests
and
they
they
really
like
surprised
me
like
wow,.
B
A
A
Yeah,
especially
because
you
have
that
that
issue
I'm
sure
it
could
be
breaking
up
broken
up
into
different
issues
and
I
saw
one
that
said
like
why
ecstatic
and
then
why
not
aesthetic?
That's
like
an
easy,
that's
low
hanging
fruit
for
someone
to
to
write
some
documentation
on
if
they're
they're
still
new,
some
I.
Think
oh
okay,
I
guess
this
is
a
conversation
between
somebody
named
Chris,
saying:
what's
the
difference
between
the
CSX
function
provided
in
Emotion
style,
good.
B
Question
so
it's
the
same
API
as
emotion,
so
you
can
kind
of
you
can
literally
replace
this
with
emotion
and
slap
CFS
once
you
have
it
installed,
and
this
code
will
like
for
from
the
surface
level
at
least
it
will
work
exactly
the
same.
The
difference
there
is
emotion,
will
ship
JavaScript
to
the
client,
so
it's
like
some
8
to
10
kilobytes
of
JavaScript
and
this
code
that
you
write
will
also
be
shipped
in
your
JavaScript
bundle.
So
you
can
imagine
like
if
you
have
like
hundreds
of
components.
B
A
Cool
I
will
also
encourage
y'all
to
check
out
the
blog
post
that
they
wrote
really
really
good.
It's
I
linked
it
below
or
I,
showed
the
link
below,
but
basically
it's
titled
is
CSS
and
JS.
Actually
bad
and
I
think
it's
really
insightful
and
I.
Think
Bruce
was
adding
maybe
more
to
Chris's.
Aunt
question
I,
hope
I'm
not
wrong,
but
they
said
the
uses
of
class
and
jss
like
applying
regular
CSS
to
an
element,
maybe
not
I'm,
not
sure,
and
then
they
said.
That's
the
key
difference.
B
Were
just
adding
I
mean
like
like
I
said
there,
there's
I,
think
I
know
what
they're
saying
now
so
there's
two
ways
to
use
emotion
if
they
can
use
emotion,
CSS,
which
is
basically
like
exciting,
except
at
runtime,
but
there's
also
emotions
last
react
which
gives
you
a
CSS
prop,
which
is
like
completely
different,
like
you
can
write,
CSS
properties
as
objects,
which
is
what
I
was
talking
about
earlier,
where
you
can
kind
of
do
so.
If
you
wanted
to
do
font,
okay,
you
could
do
like
five
and
then
like.
A
B
B
Set
of
CSS
variables,
basically,
where
you
can
kind
of
get
like
all
these
colors
and
then
like
Shadows,
typography
size
variables,
media
queries
all
that
kind
of
thing,
but
like
it's
all
CSS
variables,
but
I
like
using
SAS.
So
I
wanted,
like
a
SAS
version
of
this,
so
I
just
made
this
tiny
Library.
All
it
literally.
All
it
does
is
take
the
CSS
variables
and
convert
them
into
SAS
variables.
B
So,
like
it's
literally
one
file,
that's
the
whole
project
and
like
I
again,
I
made
this
for
myself.
So
that's
another
thing
you
should
think
of
like
solve
a
problem
for
yourself,
but
then
you'll
find
is
that
people
have
the
same
problem
and
they'll
start
using
your
thing
and
yeah
like
another
one
of
my
friends
reached
out
to
me
and
they
were
like
wow.
You
made
this.
This
is
actually
useful
for
me.
B
B
A
Awesome:
okay,
those
are
really
great.
That's
really
great
advice
for
anyone.
Looking
to
start
a
project
start
small
and
start
with
something
that
solves
your
problem.
You'll
find
that
it
helps
other
people
as
well.
I,
honestly
think,
I'm
hoping
after
the
stream.
You
get
a
lot
of
help
with
docs,
because
we
already
have
Dan
in
here
stupid
Learners,
said
they're
interested
I
know.
Laura
is
great
at
docs
as
well,
and
then
Bruce
said.
Let
me
know
if
you
want
some
help
with
docs.
That's
kind
of.
B
A
B
Okay,
this
is
a
kind
of
a
loaded
question,
so
I
found
that
CSS
and
JS
libraries
they
provide
you
ways
to
do.
Your
own.
Theming,
like
like
they'll,
have
a
way
for
you
to
Define
different
themes,
whereas
this
is
like
Memo
by
Design,
so
to
do
theming
in
ecstatic.
You
would
do
the
same
way.
You
would
do
it
in
in
CSS
and
the
way
I
do
it
is
I
would
just
make
like
queen.css
and
in
here
I
would
find
like
CSS
variables.
B
A
B
Changes
those
variables
and
yeah,
but
when
you
just
Define
these
variables
like
this,
you
don't
need
to
worry
about
theming
at
a
component
level.
You
can
kind
of
just
use
these
variables
in
the
component,
like
normal
component,
doesn't
even
care
about
the
theme,
all
the
characters
out
like
what's
the
name
of
the
variable.
A
A
B
A
A
B
B
A
Nice
I
love,
I,
love,
oh
and
then
said
he
learned
subscribe,
some
I
see
y'all
I,
didn't
then
my
first
language
was
not
I,
guess
not
really
a
language.
It
was
sequel,
I
didn't
really
know.
I
was
like
I
want
to
learn
to
code
and
I
was
like
this
doesn't
seem,
like
coding,
I'm,
not
sure
how
it
applies
so
websites.
A
B
A
I
get
you
yeah,
that's
what
I
was
like.
I
was
like.
If
we,
if
we
had
all
the
money
in
the
world,
we
will
have
all
the
time
to
do
whatever
we
want.
Someone
said
their
first
language
was
python.
That's
awesome,
someone
said
I
didn't
have
proper
internet
until
I
was
13..
Yeah
I
could
relate
with
you,
I,
don't
think
I,
so
I
had
internet
when
I
was
10
and
then
it
went
away
until
I
was
like
maybe
15
16
years
old,
so
I
I
was
just
on
the
computer
like
playing
pinball.
B
If
I
had
like
all
the
Time
in
the
World
to
just
work
on
open
source,
I,
think
I
would
like
there's
some
ambitious
ideas
there,
but
I
think
I
would
start
with
Like
A
Accessible
component
library.
That
is
framework
agnostic,
I
feel
like
one
doesn't
exist
right
now,
yeah
and
like
it's
kind
of
the
reason,
I
I
use
react
like
I'm,
not
a
fan
of
react,
but
I
use
it
because
there's
like
so
many
like
the
ecosystem
is
huge.
A
lot
of
the
problems
are
solved
already.
B
There's
like
five
different
accessibility,
focused
component
libraries,
so
yeah
I
would
start
there
and
then
I
would
also
like
to
solve
CSS
problems
like
there's
like
so
much
to
be
solved
there
and
creating
a
framework
probably
will
be
like
a
like
a
dream
project.
They
were
like
really
dreaming.
I
feel
like
there's
problems
with
a
lot
of
the
Frameworks
right
now.
A
B
A
A
B
B
A
B
A
B
A
A
Check
I
want
to
wrap
up
by
highlighting
some
of
the
links
that
we
showed
so
far.
One
is
oh
I
just
took
it
off:
estatic
dot,
Dev,
that's
the
the
Project's
website.
If
you
wanted
to
check
it
out
and
learn
more
I
know
that
you
have
some
documentation
on
there
and
like
how
to
use
it
and
all
that,
if
you
want
to
contribute,
oh
and
I
should
have
already
had
this
pulled
up.
If
you
want
to
contribute,
especially
to
the
documentation,
it
seemed
like
a
lot
of
people
were
really
excited
about
that.
A
You
want
to
go
ahead
to
github.com99
ecstatic
and
go
through
the
issue
that
it
says
document
all
the
things
probably
pick
one
of
the
one
of
the
bullet
points
there.
That
way
you
don't
get
too
overwhelmed,
but
I
think
this
is
a
really
really
good
list
of
things
that
people
can
easily
contribute
to
and
then
also
check
out
this
blog
post
I
think
it's
really
great
I
think
the
whole
entire
blog
itself
is
great
blog,
that
my
DOT
code
is
CSS
and
JS,
really
as
I'm.
Sorry.
Actually
bad.
A
Yeah,
that's
a
good!
That's
an
awesome
way
to
end
all
right.
Y'all
cool
things
make
accessible
things,
I,
wanna,
I
wanna
say:
contribute
contribute
to
projects
by
just
using
them.
Let's
like
if
you're
feeling
overwhelmed
and
nervous
about
actually
making
a
contribution.
One
of
the
the
best
easiest
ways
and
something
that
like
is
really
valuable
to
maintainers,
is
just
start
using
it
like
like
they
mentioned
it,
helped
make
it
make
the
experience
more
rewarding
and
then
also
help
them
to
find
bugs
that
they
didn't
know
existed.