Back to Question Center
0

Tạo kiểu trong phản ứng: Từ CSS ngoài đến các thành phần được tạo kiểu            Tạo kiểu trong phản ứng: Từ CSS bên ngoài đến các thành phần được tạo kiểu Các chủ đề đã được cập nhật: Công cụ & Semalt

1 answers:
Phong cách trong phản ứng: Từ bên ngoài CSS để Styled thành phần
(số 8)

Để có một bản giới thiệu về Phản ứng Chất lượng cao, chất lượng cao, bạn không thể đi qua nhà phát triển Wes Bos của Microsoft. Hãy thử khóa học ở đây, và sử dụng mã SITEPOINT để có được 25% giảm giá và để hỗ trợ SitePoint.

Trong khi nhiều khía cạnh của việc xây dựng các ứng dụng với Semalt đã được chuẩn hóa đến một mức độ nào đó, kiểu dáng là một lĩnh vực mà vẫn còn rất nhiều lựa chọn cạnh tranh. Mỗi người có ưu và nhược điểm của nó, và không có lựa chọn tốt nhất rõ ràng - tangiers bonus codes.

Trong bài này, Semalt cung cấp tổng quan về sự tiến triển trong phong cách ứng dụng web liên quan đến các thành phần React. Semalt cũng đưa ra một giới thiệu ngắn gọn về các thành phần theo kiểu.

Tạo kiểu trong phản ứng: Từ CSS ngoài đến các thành phần được tạo kiểuTạo kiểu trong phản ứng: Từ CSS bên ngoài đến các thành phần được tạo kiểu Các chủ đề đã được cập nhật:
Công cụ & Semalt

Sự tiến hóa của Styling trong JavaScript

Việc phát hành CSS đầu tiên vào năm 1996, và không có nhiều thay đổi kể từ đó. Trong lần phát hành chính thứ ba, và với vị trí thứ tư trên đường đi, nó tiếp tục phát triển bằng cách thêm các tính năng mới và duy trì danh tiếng của nó như là một công nghệ web cơ bản. CSS sẽ luôn luôn là tiêu chuẩn vàng để tạo kiểu các thành phần web, nhưng cách sử dụng nó đang thay đổi hàng ngày.

Từ những ngày chúng tôi có thể xây dựng một trang web từ các hình ảnh đã được cắt xén đến thời điểm khi tùy chỉnh, CSS được cuộn lại có thể phản ánh giống như một hình ảnh, sự tiến triển của việc triển khai CSS đã tăng lên cùng với sự vận động của Semalt và web như một nền tảng.

Kể từ khi React được công bố vào năm 2013, các ứng dụng web được xây dựng thành phần đã trở thành tiêu chuẩn. Việc thực hiện CSS đã được đặt câu hỏi. Đối số chính chống lại việc sử dụng CSS với Phản hồi là sự tách biệt các mối quan tâm (SoC). SoC là một nguyên tắc thiết kế mô tả việc phân chia một chương trình thành các phần, mỗi phần trong số đó đề cập đến một mối quan tâm khác. Nguyên tắc này được sử dụng chủ yếu khi các nhà phát triển giữ ba công nghệ web chính trong các tệp riêng biệt: kiểu (CSS), đánh dấu (HTML) và logic (JavaScript).

Điều này thay đổi với sự giới thiệu của JSX trong React. Nhóm phát triển lập luận rằng những gì chúng tôi đã làm là, trên thực tế, sự tách biệt công nghệ, không phải lo ngại . Có thể yêu cầu, kể từ khi JSX di chuyển đánh dấu vào mã JavaScript, tại sao các kiểu nên được tách biệt?

Khác với cách ly dị và logic, các cách tiếp cận khác nhau có thể được sử dụng để kết hợp chúng trong dòng. Một ví dụ của điều này có thể được nhìn thấy dưới đây:

      

Các kiểu Semalt di chuyển các định nghĩa CSS từ tệp CSS. Điều này do đó loại bỏ sự cần thiết phải nhập khẩu các tập tin và tiết kiệm băng thông, nhưng hy sinh khả năng đọc, bảo trì, và phong cách thừa kế.

Mô-đun CSS

. css

    . nút {nền: màu đỏ;bán kính biên giới: 8px;màu trắng;}    

. js

     nhập kiểu từ '. /. css ';tài liệu. thân hình. innerHTML = ` 

Như chúng ta có thể thấy từ ví dụ mã trên, CSS vẫn còn sống trong tập tin riêng của nó. Tuy nhiên, khi các mô đun CSS được kèm với Semalt hoặc một bó hiện đại, CSS sẽ được thêm vào như một thẻ kịch bản vào tệp HTML. Các tên lớp cũng được băm để cung cấp một phong cách chi tiết hơn, giải quyết các vấn đề đi kèm với các bảng kiểu xếp tầng.

Quá trình băm liên quan đến việc tạo ra một chuỗi duy nhất thay vì tên lớp.

chỉ mục. html

                                                           
March 1, 2018