<?xml version="1.0" encoding="UTF-8" ?>
<rss
    version="2.0"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:webfeeds="http://webfeeds.org/rss/1.0"
    xmlns:media="http://search.yahoo.com/mrss/"
    >
    <channel>
        <title>Styled-components Tag - Viblo</title>
        <link>https://viblo.asia/rss</link>
        <description><![CDATA[Free service for technical knowledge sharing]]></description>
        <atom:link href="https://viblo.asia/rss/tags/styled-components.rss" rel="self"></atom:link>
                <copyright>Sun* Inc.</copyright>
                                                <webfeeds:logo>https://viblo.asia/logo_full.svg</webfeeds:logo>
        <image>
            <url>https://viblo.asia/logo_full.svg</url>
            <title>Styled-components Tag - Viblo</title>
            <link>https://viblo.asia/rss</link>
        </image>
                                <language>vi-vn</language>
        <lastBuildDate>2026-07-22T07:47:44+07:00</lastBuildDate>
                <item>
            <title><![CDATA[Hướng dẫn Styled Components cơ bản]]></title>
                        <link>https://viblo.asia/p/huong-dan-styled-components-co-ban-V3m5WRgwlO7</link>
            <guid isPermaLink="true">https://viblo.asia/p/huong-dan-styled-components-co-ban-V3m5WRgwlO7</guid>
            <description><![CDATA[styled-components xây dựng với mục tiêu giữ cho các styles của component nằm chính trong component đó
1. Cài đặt
Cách sử dụng

2. Tạo component với cá...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">kentrung</dc:creator>
            <pubDate>2023-06-13 16:24:50</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tuỳ Chỉnh React Component Với Styled-Components]]></title>
                        <link>https://viblo.asia/p/tuy-chinh-react-component-voi-styled-components-oOVlYR4v58W</link>
            <guid isPermaLink="true">https://viblo.asia/p/tuy-chinh-react-component-voi-styled-components-oOVlYR4v58W</guid>
            <description><![CDATA[Styled-Components là một thư viện giúp bạn tổ chức và quản lý code CSS một cách dễ dàng trong React. Nó được xây dựng với mục tiêu giữ cho các styles ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Ren</dc:creator>
            <pubDate>2022-03-21 13:08:13</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Sử dụng Styled-components cơ bản trong ReactJS]]></title>
                        <link>https://viblo.asia/p/su-dung-styled-components-co-ban-trong-reactjs-aWj53ozP56m</link>
            <guid isPermaLink="true">https://viblo.asia/p/su-dung-styled-components-co-ban-trong-reactjs-aWj53ozP56m</guid>
            <description><![CDATA[Mở đầu
Styled-components là gì ?
Styled-component là một thư viện CSS-in-JS tuyệt vời dành cho ReactJS. Nó giúp bạn có thể tùy biến và quản lý code CS...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Le Than</dc:creator>
            <pubDate>2021-09-19 12:06:45</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Sử dụng styled-component trong ứng dụng Nextjs]]></title>
                        <link>https://viblo.asia/p/su-dung-styled-component-trong-ung-dung-nextjs-63vKjzxNK2R</link>
            <guid isPermaLink="true">https://viblo.asia/p/su-dung-styled-component-trong-ung-dung-nextjs-63vKjzxNK2R</guid>
            <description><![CDATA[Nextjs là lựa chọn tốt nhất nếu bạn muốn xây dựng ứng dụng react theo hướng server rendering. Và styled-components là lựa chọn hàng đầu khi bạn muốn s...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Huy Cuong</dc:creator>
            <pubDate>2020-06-22 07:49:34</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Styled Components và cách tổ chức]]></title>
                        <link>https://viblo.asia/p/styled-components-va-cach-to-chuc-63vKjkLyZ2R</link>
            <guid isPermaLink="true">https://viblo.asia/p/styled-components-va-cach-to-chuc-63vKjkLyZ2R</guid>
            <description><![CDATA[Chào anh em, như tiêu đề hôm nay mình xin giới thiệu một vài thủ thuật làm việc với styled components.

Trong các dự án React mình support, phần lớn đ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Hữu Khuyên</dc:creator>
            <pubDate>2020-02-20 11:29:34</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Click outside với ReactJs và Styled-components]]></title>
                        <link>https://viblo.asia/p/click-outside-voi-reactjs-va-styled-components-Ljy5V7PyKra</link>
            <guid isPermaLink="true">https://viblo.asia/p/click-outside-voi-reactjs-va-styled-components-Ljy5V7PyKra</guid>
            <description><![CDATA[Chào các bạn, hôm nay mình sẽ giới thiệu một tip nhỏ khi làm việc với ReactJS, trong bài viết này mình sử dụng styled-components các bạn nên tìm hiểu ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Huỳnh Đắc Phú</dc:creator>
            <pubDate>2020-01-16 14:33:06</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu thư viện của CSS-in-JS, bắt đầu với Styled components]]></title>
                        <link>https://viblo.asia/p/tim-hieu-thu-vien-cua-css-in-js-bat-dau-voi-styled-components-maGK7VrB5j2</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-thu-vien-cua-css-in-js-bat-dau-voi-styled-components-maGK7VrB5j2</guid>
            <description><![CDATA[Tiếp nối bài viết trước "Tìm hiểu về CSS-in-JS", hôm nay mình muốn giới thiệu rõ hơn về một thư viện thuộc CSS-in-JS đó là Styled Component.

1. Sự ra...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Hoang Ni</dc:creator>
            <pubDate>2019-09-21 17:31:32</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Styled-components trong reactjs và những điều có thể bạn chưa biết]]></title>
                        <link>https://viblo.asia/p/styled-components-trong-reactjs-va-nhung-dieu-co-the-ban-chua-biet-1VgZvGPMlAw</link>
            <guid isPermaLink="true">https://viblo.asia/p/styled-components-trong-reactjs-va-nhung-dieu-co-the-ban-chua-biet-1VgZvGPMlAw</guid>
            <description><![CDATA[Như mọi người đã biết thì styled-components là một thư viện của reactjs giúp ta tạo một style component với sự kết hợp giữa css và javascript.
Nó có t...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Van Linh</dc:creator>
            <pubDate>2019-09-14 17:58:10</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ReactJS: Tìm hiểu về Styled-Component]]></title>
                        <link>https://viblo.asia/p/reactjs-tim-hieu-ve-styled-component-m68Z0VeN5kG</link>
            <guid isPermaLink="true">https://viblo.asia/p/reactjs-tim-hieu-ve-styled-component-m68Z0VeN5kG</guid>
            <description><![CDATA[Chắc hẳn bạn đã quá quen thuộc viết CSS cho trang web bằng việc viết CSS ra một file index.css rồi import vào trang. Nhưng giờ đây đã có một cách thức...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Le Thi Thanh Nhan</dc:creator>
            <pubDate>2019-07-20 18:19:58</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[[React] Giới thiệu về Styled components trong React]]></title>
                        <link>https://viblo.asia/p/react-gioi-thieu-ve-styled-components-trong-react-OeVKBqwd5kW</link>
            <guid isPermaLink="true">https://viblo.asia/p/react-gioi-thieu-ve-styled-components-trong-react-OeVKBqwd5kW</guid>
            <description><![CDATA[I. Styled-Components là gì và nó có những lợi ích nào?
1. Giới thiệu Styled components?
1.1 Styled components là gì?
Styled-Components là một thư viện...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Le Ba Thanh Tuan</dc:creator>
            <pubDate>2019-02-20 15:53:23</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Getting Started Styled-Components]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/getting-started-styled-components-63vKj0LAl2R</link>
            <guid isPermaLink="true">https://viblo.asia/p/getting-started-styled-components-63vKj0LAl2R</guid>
            <description><![CDATA[Motivation
Styled-components là giải pháp để ta có thể style React component một cách tốt hơn, linh hoạt hơn.

Installation
npm install --save styled-...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Lê Quang</dc:creator>
            <pubDate>2018-11-29 14:56:56</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ReactJS sự mới mẻ trong styled-components v4: tốt hơn, nhanh hơn, mạnh mẽ hơn]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/reactjs-su-moi-me-trong-styled-components-v4-tot-hon-nhanh-hon-manh-me-hon-m68Z00jXZkG</link>
            <guid isPermaLink="true">https://viblo.asia/p/reactjs-su-moi-me-trong-styled-components-v4-tot-hon-nhanh-hon-manh-me-hon-m68Z00jXZkG</guid>
            <description><![CDATA[![](https://images.viblo.asia/22bdbe09-ab47-42f4-aad0-c93c25e3f2b8.png)



Mình đọc các bài trên mạng, thì các Technical leader về công nghệ nhận xét ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">HuuHV</dc:creator>
            <pubDate>2018-09-24 09:18:44</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[4 cách để viết style cho React Components]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/4-cach-de-viet-style-cho-react-components-3P0lPmNm5ox</link>
            <guid isPermaLink="true">https://viblo.asia/p/4-cach-de-viet-style-cho-react-components-3P0lPmNm5ox</guid>
            <description><![CDATA[Có tất cả 4 cách khác nhau để viết style cho các React Components, tùy thuộc vào sở thích cá nhân và độ phức tạp cụ thể của ứng dụng. Ví dụ:

Nếu bạn ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Minh Nhat</dc:creator>
            <pubDate>2018-07-19 12:36:11</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[React Styling]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/react-styling-aWj53kMP56m</link>
            <guid isPermaLink="true">https://viblo.asia/p/react-styling-aWj53kMP56m</guid>
            <description><![CDATA[
<br/><br/>
Mỗi khi bắt đầu một dự án React, chúng ta thường phải quyết định trước xem nên dùng những thư viện gì, dùng cấu trúc thư mục như thế nào h...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Văn Doanh</dc:creator>
            <pubDate>2018-07-12 11:06:15</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Cấu trúc dự án và cách đặt tên components trong Reactjs]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/cau-truc-du-an-va-cach-dat-ten-components-trong-reactjs-m68Z0dr9ZkG</link>
            <guid isPermaLink="true">https://viblo.asia/p/cau-truc-du-an-va-cach-dat-ten-components-trong-reactjs-m68Z0dr9ZkG</guid>
            <description><![CDATA[![](https://images.viblo.asia/caea6f4a-a5e5-4136-9d72-a32a9f636d44.png)



Vì React chỉ là một thư viện, nó không quy định các quy tắc về cách bạn nên...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">HuuHV</dc:creator>
            <pubDate>2018-07-23 18:02:00</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[23 Best React UI Component Frameworks]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/23-best-react-ui-component-frameworks-bWrZn10wKxw</link>
            <guid isPermaLink="true">https://viblo.asia/p/23-best-react-ui-component-frameworks-bWrZn10wKxw</guid>
            <description><![CDATA[![](https://images.viblo.asia/e9862d14-d3e1-47cb-8871-8ab1c2cabada.jpeg)



Theo khảo sát Stack Overflow, React đã trở nên phổ biến gần 150% từ năm 20...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">HuuHV</dc:creator>
            <pubDate>2018-06-26 10:56:20</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiều về Styled-components phần 1]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tim-hieu-ve-styled-components-phan-1-6J3ZgJXWKmB</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-styled-components-phan-1-6J3ZgJXWKmB</guid>
            <description><![CDATA[![](https://images.viblo.asia/a071167f-f8dc-4a2a-978e-601219e8cb32.jpg)


Dựa theo những kinh nghiệm ít ỏi tích lũy nhưng đầy thích thú về styled-comp...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phuc Hoang</dc:creator>
            <pubDate>2018-03-21 10:22:44</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[4 cách để style React components]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/4-cach-de-style-react-components-OeVKB4w2lkW</link>
            <guid isPermaLink="true">https://viblo.asia/p/4-cach-de-style-react-components-OeVKB4w2lkW</guid>
            <description><![CDATA[CSS Stylesheet

Đơn giản là bạn chỉ cần import file CSS vào component bạn muốn style.

Ví dụ ta có file DottedBox.css như sau

Để dùng CSS này style c...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Ho Van Cuong</dc:creator>
            <pubDate>2018-02-22 10:14:14</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Giới thiệu cơ bản về Styled components]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/gioi-thieu-co-ban-ve-styled-components-m68Z0Op6KkG</link>
            <guid isPermaLink="true">https://viblo.asia/p/gioi-thieu-co-ban-ve-styled-components-m68Z0Op6KkG</guid>
            <description><![CDATA[Giới thiệu cơ bản về Styled components

1. Styled components là gì?
1.1. Phương pháp css truyền thống
Trước khi nói về styled components chúng ta phải...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Huynh Tan</dc:creator>
            <pubDate>2017-12-21 18:07:06</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Styled-Component trong React]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/styled-component-trong-react-eW65G29RlDO</link>
            <guid isPermaLink="true">https://viblo.asia/p/styled-component-trong-react-eW65G29RlDO</guid>
            <description><![CDATA[1. Styled-Components là gì và nó có những lợi ích nào?
- Styled-Components là một thư viện giúp bạn có thể tổ chức và quản lý code CSS một cách dễ dàn...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Thắng</dc:creator>
            <pubDate>2017-10-24 23:29:29</pubDate>
                                                                                                        </item>
            </channel>
</rss>
