Trình tạo trang web React.
Đó là
Quarkly.
Giao diện trực quan, cài đặt thiết kế thích ứng, trình chỉnh sửa mã, các thành phần React, tất cả khả năng của CSS. Sử dụng các thành phần React đã được tạo trước hoặc tự xây dựng. Khả năng tùy chỉnh không giới hạn, công cụ không mã của một trình chỉnh sửa cổ điển
Tạo dự án
Các tính năng tuyệt vời dành cho các nhà phát triển React.js.
Tạo các thành phần React tùy chỉnh trong trình chỉnh sửa mã
Bạn có thể xây dựng các thành phần React tùy chỉnh trong trình chỉnh sửa mã Quarkly và sau đó thêm chúng vào trang.
Hướng dẫn cho các nhà phát triển
Thông tin hữu ích về việc tạo các thành phần Quarkly, xây dựng ứng dụng, và hơn thế nữa
Nhập nóng các mô-đun NPM
Việc nhập các mô-đun vào thành phần của bạn từ NPM chưa bao giờ dễ dàng hơn.
Xuất sang Create React App
Chỉ một bước để hoàn thành dự án của bạn hoặc lưu trữ nó trên máy chủ của riêng bạn: xuất nó vào một lưu trữ với một dự án create-react-app.
Xuất sang Dự án Gatsby
Xuất các dự án của bạn sang Gatsby - một trong những khung trang web tạo trang tĩnh nổi tiếng nhất
Đẩy các commit lên kho lưu trữ GitHub của bạn
Muốn tạo một kho lưu trữ GitHub cho dự án của bạn và commit các thay đổi vào đó? Dễ như ăn bánh!
Xuất bản trên Netlify
Khi trang web của bạn đã sẵn sàng, hãy xuất bản nó trên Netlify. Nó sẽ có một miền kỹ thuật, ví dụ: https://inspiring-beaver-d128ed.netlify.app.
Trình chỉnh sửa mã hiện đại tích hợp
Trong trình chỉnh sửa Quarkly, bạn có thể theo dõi tất cả các thực thể hiện diện trên trang.
Debugger
Bảng điều khiển gỡ lỗi của chúng tôi sẽ giúp bạn theo dõi các lỗi trong mã thành phần và trang.
Gợi ý mã
Nếu bạn có nghi ngờ về cách đánh vần một thuộc tính, hãy bắt đầu gõ, và trình chỉnh sửa sẽ tự động hoàn thành những gì bạn đang viết.
Đồng bộ hóa trang và trình chỉnh sửa mã
Tất cả các chỉnh sửa bạn áp dụng cho các trang được hiển thị trong mã và ngược lại.
Kiểm soát thiết kế hoàn toàn.
Tính năng
Giờ đây, trang web của bạn sẽ được chú ý! Sử dụng các hiệu ứng hoạt hình độc đáo, các bố cục bắt mắt và biến đổi.
Nguyên thủy
Các thành phần cơ bản giống như các thẻ HTML như Văn bản, Hình ảnh, Hộp, và những thứ khác.
Tạo thành phần trên trang
Chọn một phần tử hoặc một nhóm các phần tử trên trang hoặc trên bảng Lớp và chuyển chúng thành một thành phần. Thêm các bản sao của thành phần vào trang và chúng sẽ kế thừa tất cả các props.
Hiển thị props tùy chỉnh trên bảng
Bất kỳ thuộc tính nào thuộc về một thành phần tùy chỉnh có thể được hiển thị trên bảng phải.
Chủ đề
Sử dụng chủ đề, bạn có thể tạo ra một thiết kế nhất quán cho trang web của mình
Tùy chỉnh thiết kế với điểm ngắt
Trang web của bạn hoàn toàn phản hồi với các thiết bị di động bằng cách sử dụng các giải pháp thiết kế khác nhau cho các phần tử tại các điểm ngắt.
Thêm và chỉnh sửa điểm ngắt
Trong chủ đề dự án, bạn có thể muốn thêm điểm ngắt tùy chỉnh hoặc chỉnh sửa các điểm ngắt hiện có.
Kéo và thả
Sắp xếp các phần tử theo cách bạn muốn trên trang, thả chúng vào khu vực mong muốn, hoặc đặt chúng trong các phần tử khác.
Chọn nhiều
Bạn có thể chọn nhiều phần tử để đặt các kiểu của họ, kéo và thả chúng vào một nơi khác, xóa, v.v.
Trình soạn thảo văn bản
Bạn có thể chuyển một phần của văn bản thành in nghiêng hoặc in đậm, biến nó thành một liên kết hoặc chuyển đổi thành dãy, và sử dụng bất kỳ kiểu nào cho nó.
Chọn sâu
Bạn có thể đi lên và xuống hệ thống phân cấp của các phần tử bằng cách nhấp đúp. Nếu bạn muốn đi sâu vào hệ thống phân cấp, trên Windows giữ phím Ctrl và trên MacOS là phím Cmd.
Hỗ trợ Flexbox và Grid
Tại Quarkly, chúng tôi là những người ủng hộ các cách tiếp cận tiên tiến trong lập trình frontend.
Cấu hình kiểu của các lớp giả hover/active/focus, v.v.
Để thay đổi hình dạng phần tử, ví dụ, cách nó hoạt động khi di chuột, bật "hover" và áp dụng các props mong muốn.
Kết nối Google Fonts
Làm cho trang web của bạn trở nên sống động hơn bằng cách sử dụng các phông chữ từ thư viện với hơn 990 gia đình phông chữ.
Hình ảnh Unsplash
Unsplash là một trong những kho ảnh miễn phí đang xu hướng nhất. Duyệt qua bộ sưu tập của nó và chọn hình ảnh trực tiếp từ giao diện Quarkly.
Bảng Props
Ở đây bạn sẽ tìm thấy các thuộc tính phong cách và chức năng được phân loại.
Bố cục
Dưới mục này, bạn có thể tìm thấy các thuộc tính hiển thị phần tử.
Kiểu chữ
Trong phần này, bạn có thể thay đổi kiểu văn bản sử dụng các thuộc tính đặc biệt
Thụt lề
Mở các cài đặt này để định cấu hình lề và phần đệm.
Lý lịch
Trong phần này, bạn có thể tìm thấy các props cho nền của phần tử.
Biên giới
Ở đây bạn có thể cấu hình đường viền và bán kính đường viền.
Chức vụ
Danh mục này giúp bạn cấu hình cài đặt vị trí phần tử và z-index.
Chế độ hòa trộn
Thuộc tính này đi kèm với cơ hội thiết kế bổ sung.
Bóng hộp
Thuộc tính này giúp bạn chọn bóng của phần tử.
Chuyển tiếp
Thuộc tính này làm cho một phần tử di chuyển trơn tru từ trạng thái này sang trạng thái khác.
Biến đổi
Với thuộc tính này, bạn có thể biến đổi phần tử, chẳng hạn như xoay hoặc thu phóng.
Lọc
Thuộc tính này sẽ giúp bạn áp dụng một loạt các hiệu ứng hình ảnh.
Cơ hội kinh doanh tuyệt vời.
Làm việc cùng nhau như một nhóm
Tận dụng công cụ hợp tác Quarkly: làm việc trên một dự án cùng với các đồng đội của bạn, chỉ cần gửi cho họ lời mời.
Nội dung
Sử dụng các khối đã được tạo sẵn: pop-ups, bản đồ, video, và nhiều hơn nữa!
Quy trình làm việc quen thuộc
Bạn sẽ không gặp bất kỳ vấn đề nào để hiểu cách mọi thứ hoạt động ở đây. Đường học tập Quarkly rất nhẹ nhàng.
Các khối theo chủ đề sẵn sàng sử dụng
Bạn có thể tận dụng các thành phần với nội dung theo chủ đề. Làm việc với chúng giống như với các thành phần thông thường.
Danh mục với các thành phần
Chứa hơn 40 thành phần, và danh mục không bao giờ ngừng phát triển.
Các thẻ ngữ nghĩa
Tất cả các thành phần có thể hoạt động như một thẻ. Chỉ cần chọn giá trị thuộc tính "as" cần thiết.
Schema.org
Bạn có thể đặt các thuộc tính mong muốn cho các phần tử trong trình soạn thảo mã.
Hình ảnh ALT
Đây là một thuộc tính riêng biệt của phần tử "Hình ảnh".
Favicons
Tính năng này giúp bạn cài đặt các biểu tượng duy nhất cho tất cả các thiết bị và màu nền gạch lát riêng lẻ cho Windows 10.
Open graph và meta tags
Sử dụng các cài đặt này để hiển thị đúng trang web của bạn trên các mạng xã hội và trong các công cụ tìm kiếm.
URL thân thiện với người dùng
URL sạch sẽ sẽ giúp bạn cải thiện SEO cho trang web của mình.
Robots.txt và sitemap.xml
Các tệp này được tạo tự động. Nhưng bạn có thể chỉnh sửa chúng theo cách bạn nghĩ rằng họ phù hợp trong tương lai.
Sử dụng miễn phí.
Chúng tôi cung cấp Quarkly miễn phí cho bạn càng lâu càng tốt, và sau đó đề nghị giá thấp nhất so với các đối thủ của chúng tôi.
Tạo dự án