GetNotes Tools

grommet/grommet

Tool นี้คืออะไร

Grommet เป็นเฟรมเวิร์ก UI ที่ใช้ React ซึ่งช่วยให้นักพัฒนาสร้างเว็บแอปพลิเคชันที่ตอบสนองและเข้าถึงได้ง่าย โดยเน้นประสบการณ์ผู้ใช้ที่จำเป็น มีประโยชน์สำหรับผู้ที่ต้องการชุดคอมโพเนนต์ UI ที่สมบูรณ์และเครื่องมือสนับสนุน.

ข้อมูลโปรเจกต์

ดาว

8.4K

Forks

License

Apache-2.0

อัปเดต GitHub ล่าสุด

28 ก.ค. 2569

เพิ่มใน GetNotes

14 ก.ค. 2569

Repository

grommet/grommet

รูปแบบ

Library / SDK

เหมาะกับงาน

ออกแบบ UI/UX

เหมาะกับอาชีพ

Programmer UX/UI Designer Product Designer

Ecosystem

JavaScript · React

แปลและเรียบเรียงโดย AI

เนื้อหาฉบับภาษาไทย

ใช้อ่านเพื่อทำความเข้าใจเบื้องต้น โปรดตรวจสอบรายละเอียดสำคัญกับเอกสารต้นฉบับด้านล่าง

Grommet: มุ่งเน้นประสบการณ์ที่จำเป็น

เอกสารประกอบ

เยี่ยมชมเว็บไซต์ Grommet สำหรับข้อมูลเพิ่มเติม

การสนับสนุน / การมีส่วนร่วม

ก่อนเปิด issue หรือ pull request โปรดอ่านคู่มือ Contributing

การติดตั้ง

คุณสามารถติดตั้ง Grommet ได้โดยใช้วิธีใดวิธีหนึ่งดังต่อไปนี้

สำหรับผู้ใช้ npm:

shell

  $ npm install grommet styled-components --save

สำหรับผู้ใช้ Yarn:

shell

  $ yarn add grommet styled-components

มีคำแนะนำโดยละเอียดเพิ่มเติมในบทช่วยสอนแอป Grommet Starter สำหรับแอปใหม่ สำหรับการรวม Grommet เข้ากับแอปที่มีอยู่ โปรดดูเวอร์ชัน Existing App

สำรวจ

1ตัวอย่าง [Storybook] สำหรับแต่ละคอมโพเนนต์ คุณสามารถสร้างได้ในเครื่องโดยรัน: $ npm run storybook หรือ $ yarn storybook
2เทมเพลตเริ่มต้นของ Grommet [sandbox](https://codesandbox.io/p/sandbox/m7mml8l0zj?file=%2Findex.js).
3[เทมเพลต, รูปแบบ และตัวเริ่มต้น][sandboxes]: สามารถแบ่งปันแนวคิดรูปแบบเพิ่มเติมกับเราได้ที่ [Slack].
4ตัวอย่างโปรเจกต์แบบ end-to-end จากชุมชนของเราใน [ช่อง Slack #i-made-this][slack].
5อ่านเพิ่มเติมจากทีม Grommet บน [Medium].

เวอร์ชัน Stable

grommet ยังมีให้ใช้งานบน branch stable ซึ่งสร้างขึ้นจากเนื้อหาของ branch 'master' จาก package.json ของคุณ ให้ชี้ไปที่ stable.

code

"grommet": "https://github.com/grommet/grommet/tarball/stable",

สำหรับข้อมูลเพิ่มเติม โปรดอ่าน stable wiki.

ประวัติการเผยแพร่

ดู Change Log.

เครื่องมือเบื้องหลัง Grommet

Grommet ถูกสร้างขึ้นโดยใช้เครื่องมือที่ยอดเยี่ยมเหล่านี้:

BrowserStack สำหรับอีมูเลเตอร์และซิมูเลเตอร์เบราว์เซอร์
Circle CI สำหรับการผสานรวมอย่างต่อเนื่อง (continuous integration)

เอกสารโปรเจกต์

อ่านเอกสารต้นฉบับ

README วิธีติดตั้ง วิธีใช้งาน และข้อกำหนดจาก repository ต้นฉบับ

ดูไฟล์บน GitHub

Grommet: focus on the essential experience

Documentation

Visit the Grommet website for more information.

Support / Contributing

Before opening an issue or pull request, please read the Contributing guide.

Install

You can install Grommet using either of the methods given below.

For npm users:

shell

  $ npm install grommet styled-components --save

For Yarn users:

shell

  $ yarn add grommet styled-components

There are more detailed instructions in the Grommet Starter app tutorial for new apps. For incorporating Grommet into an existing app, see the Existing App version.

Explore

1[Storybook] examples per component, you can create them locally by running: $ npm run storybook or $ yarn storybook
2Grommet starter template [sandbox](https://codesandbox.io/p/sandbox/m7mml8l0zj?file=%2Findex.js).
3[Templates, patterns, and starters][sandboxes]: feel free to share with us more pattern ideas on [Slack].
4End-to-end project examples from our community in the [#i-made-this Slack channel][slack].
5Read more from the Grommet team on [Medium].

Stable

grommet is also available on a stable branch that is built with the content of the 'master' branch. From your package.json point to stable.

code

"grommet": "https://github.com/grommet/grommet/tarball/stable",

For more info, read the stable wiki.

Release History

See the Change Log.

Tools Behind Grommet

Grommet is produced using this great tool:

BrowserStack for browser emulators and simulators.
Circle CI for continuous integration.

#a11y#babel#design-system#grommet#hacktoberfest#javascript#react#ux-framework