Hoạt động ngay sau khi cài đặt. Evergreen bao gồm một bộ các thành phần React được tinh chỉnh hoạt động ngay sau khi cài đặt.
Linh hoạt & có thể kết hợp. Các thành phần Evergreen được xây dựng trên nền một giao diện người dùng React cơ bản cho khả năng kết hợp vô tận.
Chất lượng doanh nghiệp. Evergreen có một ngôn ngữ thiết kế giao diện người dùng cho các ứng dụng web chất lượng doanh nghiệp.
Tài liệu và Cộng đồng
Hướng dẫn chuyển đổi Evergreen v7
Evergreen v7 migration guide
Cài đặt và sử dụng các thành phần
🌲 Evergreen bao gồm nhiều thành phần và công cụ mà bạn có thể nhập từng cái một. Bạn chỉ cần cài đặt gói evergreen-ui:
$ yarn add evergreen-ui
# or
$ npm install --save evergreen-ui
Một phiên bản hoạt động, giả sử bạn đang sử dụng cái gì đó giống như Create React App, có thể trông như sau:
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from 'evergreen-ui'
ReactDOM.render(<Button>I am using 🌲 Evergreen!</Button>, document.getElementById('root'))
Giá trị cốt lõi của 🌲 Evergreen
Evergreen được xây dựng dựa trên niềm tin rằng bạn không thể dự đoán tất cả các yêu cầu tương lai, chỉ có thể chuẩn bị cho chúng. Thay vì tạo cấu hình cố định hoạt động ngày hôm nay, Evergreen thúc đẩy việc xây dựng các hệ thống dự đoán yêu cầu thiết kế mới và thay đổi.
Evergreen được xây dựng dựa trên niềm tin rằng mọi thứ nên hoạt động ngay sau khi cài đặt với các giá trị mặc định thông minh, nhưng cũng cần phải cung cấp sự kiểm soát đầy đủ khi cần. Ví dụ, Evergreen sử dụng CSS-in-JS và xây dựng trên thành phần Box trong ui-box.
Evergreen được xây dựng dựa trên niềm tin rằng việc sử dụng Evergreen và đóng góp vào Evergreen nên là trải nghiệm dễ chịu. Chúng tôi ưu tiên tài liệu và tất cả các công cụ cho trải nghiệm phát triển viên đáng tin cậy. Chúng tôi ủng hộ sự tôn trọng và tính bao dung trong văn bản và giao tiếp của chúng tôi.
Câu hỏi thường gặp
Hỗ trợ chủ đề?
Cảm ơn bạn!
Evergreen hỗ trợ một lớp chủ đề mạnh mẽ ngay sau khi cài đặt. Bạn có thể kiểm tra these docs để biết thêm thông tin về việc áp dụng chủ đề trong Evergreen.
Cách Server Side Rendering (SSR) hoạt động?
Evergreen cung cấp Server Side Rendering (SSR) dễ dàng và việc hydration tự động.
Evergreen gói gọn giải pháp CSS-in-JS riêng từ ui-box. Để làm cho việc thực hiện Server Side Rendering và hydration trở nên dễ dàng, Evergreen cung cấp một hàm extractStyles().
- Cách sử dụng nó với Next.js trong ứng dụng ví dụ ssr-next.
- How to use it with GatsbyJS
Đóng góp cho Evergreen
Vui lòng xem CONTRIBUTING.md để biết thêm thông tin về cách đóng góp!
🎉 Người đóng góp
Chúng tôi sẽ thêm bạn vào danh sách nếu bạn có bất kỳ đóng góp có ý nghĩa nào!
- Jeroen Ransijn
- Roland Warmerdam
- Ben McMahon
- Matt Shwery
- Colin Lohner
- Allen Kleiner
- Chris Chuck
- Brandon Scott
- … nhiều người khác trong nhóm Segment và các đóng góp từ cộng đồng mã nguồn mở
Dự án này được bảo trì bởi Segment
Vui lòng xem hướng dẫn đóng góp để hiểu rõ hơn về điều gì cần làm.
👏 Sự tôn trọng đề xuất sự tôn trọng
Vui lòng tôn trọng Quy tắc ứng xử của chúng tôi, nói ngắn gọn:
- Sử dụng ngôn ngữ chào đón và bao hàm
- Tôn trọng các quan điểm và kinh nghiệm khác nhau
- Chấp nhận sự phê bình xây dựng một cách lịch lãm
- Tập trung vào điều gì tốt nhất cho cộng đồng
- Hiện thị lòng thông cảm đối với các thành viên cộng đồng khác
Giấy phép
Evergreen được phát hành dưới Giấy phép MIT. Các biểu tượng BlueprintJS được cấp phép theo custom Apache 2.0 license.
Chi tiết tải về:
Tác giả: segmentio
Mã nguồn: https://github.com/segmentio/evergreen
Cảm ơn bạn!
Giấy phép: MIT license
Cảm ơn bạn!
