django-cotton - Modern Components in Django!

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

In this video, we'll look at django-cotton, which provides a modern method and syntax for creating components in Django.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:33 django-cotton intro
02:38 Installing django-cotton
04:34 Creating a django-cotton Component
10:08 Passing dynamic data into components
12:34 Organising cards with CSS Grid
16:32 Using template filters with django-cotton components
17:29 Passing HTML into component slot

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#python #django #webdevelopment

[pushpangc]

The only channel you need to follow if you want to get updated with Django ❤❤

[dmccallie]

I would love to see a comparison between the various “component” libraries for django, including how they differ from the built-in “include” template command

[BrantScalan]

would love a couple videos on django-cotton along with HTMX

[МаксимБалашов-мг]

Your django videos are great! Thanks for the work! I really want to see how django-cotton will interact with HTMX and AlpineJS

[ItsEverythingElse]

Biggest problem is this a VERY new package and there will be growing pains, but the idea is spot-on!

[Copt]

Looks great, cant wait to start using it - thanks for unpacking for us

[ItsEverythingElse]

Doing a comparison was the first thing I thought of. Please do!

[tobidegnon]

Just discovered this myself a few days ago, beautiful stuff, définitively my favorite

[wiki-infodevelopment]

very nice, hope other tutos with Django-React :)

[schugge-solutions]

Your videos are always spot on, giving a clear overview of new features and libraries without any unnecessary talking. I love how you manage to show tons of other features even when the video is about something else... it really adds value. Keep up the great work, you're doing an awesome job!

[marcuslkms]

oohhh, would love to try this with HTMX and Hyperscript

[ABwaslive]

Hello Bug Bytes, I have been following your videos and have enjoyed learning.

I truly like your teaching styles. ❤

Are you planning to make a series video on Docker and Django? Would love to watch it.

[codedjango]

Surely would like to see this package with htmx as well..thank you so much 👍

[mahbuburrahmanmealbrac]

I watch your all video. Please make more advance video on django-cotton.

[nicenaija]

i see me using this with buttons. Well done

[onnot]

love this. But the problem with plugins like this is the question if it still supported in 5years 10years... If not you can't upgrade Django and are stuck with it or need to fork the plugin and maintain it yourself. I would like to see this in Django itself.

[omaral-halabiah]

yes, I have interest to comparison between all of those different component packages, please make a video about that

[keinermendoza]

I really like this package. Just a Note that took me a while to figure out: for use both `django-unfold` and `django-cotton` in the same project you need to override the Cotton loader to avoid it matching the admin templates. Otherwise, the admin won't render well

[DelioC]

I have really learned a lot from your content. If I could make one suggestion, it would be to add some of the things that you use in your tutorials on your own blog, so that the content is searchable. Sometimes it is difficult to find the videos we are searching for on youtube. It would be easier to search your blog.

[MicahKillian]

Slippers and django-pattern-library are designed to work together. Pattern library is nice for collecting your components all in one place, creating a toolkit that's easy to navigate, etc.

It'd be nice to know how Cotton and the Pattern Library extensions can be used together.