esl

Perpustakaan Smart Exadel

Exadel Smart Library ( ESL ) adalah perpustakaan komponen UI yang ringan dan fleksibel berdasarkan komponen web. Tingkatkan kinerja situs Anda dengan membangun model UX dengan komponen khusus dari perpustakaan kami. Perpustakaan Komponen ESL Web UI kompatibel dengan kerangka apa pun, yang membuat ESL ideal untuk proyek terlepas dari tumpukan teknologi mereka.

★ Lihat Perpustakaan Komponen UI kami dan dukung dengan bintang ★

• Ringkasan
• Struktur Perpustakaan
• Panduan Instalasi
• Informasi Pengembangan untuk Kontributor

Ringkasan

Exadel Smart Library, atau ESL singkatnya, adalah pustaka komponen Web UI gratis yang mengurangi tugas rutin dan memungkinkan Anda membuat situs web secara efisien dengan beberapa komponen web yang ada. Saat Anda memutuskan mana yang merupakan pustaka komponen UI terbaik untuk situs Anda, perlu diingat bahwa itu harus kompatibel dengan perpustakaan dan kerangka kerja lain - seperti ESL!

Perpustakaan Komponen ESL UI memungkinkan Anda mengakses toolkit yang penuh dengan komponen yang dapat digunakan kembali. Anda dapat menggunakan komponen web ini untuk melengkapi proyek atau membangun infrastruktur Anda dari bawah ke atas menggunakan ESL saja. Perpustakaan Komponen UI Web kami berkualitas tinggi, jadi satu-satunya hal yang harus Anda fokuskan adalah menerapkan gaya untuk memenuhi kebutuhan proyek Anda.

ESL semata -mata didasarkan pada Web API dan Ecmascript 6 fitur, yang memungkinkan perpustakaan Web UI Components kami bekerja dengan baik di semua browser modern seperti Firefox, Chrome, Safari, Opera, dan Edge. ESL juga dapat bekerja pada IE11 ketika seluruh daftar polyfill disediakan (lihat Dukungan Browser & Polyfills untuk lebih jelasnya).

Struktur Perpustakaan

Saat membangun pustaka komponen UI, kami menyertakan komponen, komponen bentuk, dan utilitas yang menyelesaikan masalah arsitektur proyek yang kompleks dan mematuhi prinsip kering. Lihat ikhtisar komponen web dan baca spesifikasi.

Inti Perpustakaan

Dengan pustaka komponen UI kami, Anda mendapatkan gula sintaks yang fleksibel dimaksudkan untuk membangun di atas komponen dasar dan mengendalikan siklus hidup mereka.

• Elemen dasar ESL

• Elemen Mixin ESL

• Kueri Media ESL

• ESL Traversing Query

• ESL Event Listener

• ESL utils

Komponen

Perpustakaan komponen HTML UI kami memberi Anda semua elemen yang Anda perlukan untuk membuat modul UX dengan kinerja yang sangat baik.

• ESL A11yGroup (beta)

• Peringatan ESL

• ESL Animate

• Catatan kaki ESL (beta)

• Gambar ESL

• ESL Media

• Panel ESL

• Grup Panel ESL

• ESL Popup (beta)

• Target terkait ESL (beta)

• ESL Scrollbar

• ESL SELECT (beta)

• ESL SELECT LIST (beta)

• ESL Share (beta)

• Tab dan tab ESL

• ESL yang dapat diaktifkan

• Pemicu ESL

---

Panduan Instalasi

0. Prasyarat:

   • Pastikan Anda memiliki semua polyfill yang dibutuhkan untuk mendukung browser dari daftar dukungan browser Anda. Lihat Dukungan Browser & Polyfills untuk detailnya.
   • Gunakan bundler untuk membangun proyek Anda. Saat ini, hanya modul ES6 yang tersedia untuk dikonsumsi.

1. Instal ESL NPM Dependency:

    npm i @exadel/esl --save
   

2. Komponen/modul impor yang Anda butuhkan:

    import '@exadel/esl/modules/esl-component/core' ;

   • Entri modul core biasanya mewakili bagian utama dari modul;
   • Sertakan sub-fitur opsional secara langsung. Lihat dokumentasi komponen untuk detailnya.

    import '@exadel/esl/modules/esl-media/providers/iframe-provider' ;

   • Beberapa modul berisi all entri kumulatif.
   • Gaya didistribusikan dalam dua versi:
     • 'Siap menggunakan' core.css atau core.less
     • Versi Mixin core.mixin.less untuk Definisi Tagname Kustom

3. [Opsional] Pengaturan Konfigurasi Lingkungan, misalnya breakpoint layar khusus:

    import { ESLScreenBreakpoints } from '@exadel/esl/modules/esl-media-query/core' ;
   
   // define XS screen breakpoint for up to 800px screen width
   ESLScreenBreakpoints . addCustomBreakpoint ( 'XS' , 1 , 800 ) ; 

4. Register Komponen Web Melalui register Statis Metode Panggilan:

    ESLImage . register ( ) ;

   Anda dapat meneruskan nama tag khusus ke fungsi 'mendaftar', tetapi gunakan opsi ini hanya dalam situasi yang luar biasa.

---

Informasi Pengembangan untuk Kontributor

Jika Anda adalah bagian dari tim ESL atau ingin berkontribusi pada proyek, Anda dapat menemukan informasi yang berguna tentang proses dan perjanjian proyek di sini:

• ? Panduan Kontribusi

• ? Panduan Pengembangan

• ? Perjanjian Lisensi Kontributor

---

Tim Core ESL

Orang yang arsitek, memelihara, dan menyimpan gagasan ESL

Alexey Stsefanovich

Julia Murashko

Yuliya Adamskaya

Dmytro Shovchko

Anna Barmina

Anastasiya Lesun

Kontributor ESL :

Orang yang secara aktif berkontribusi pada ESL

Anna-Mariia Petryk Pengembang	Feoktyst Shovchko Pengembang	Natalallia Harshunova Pengembang	Yana Bernatskaya Pengembang	Natalie Smirnova Pengembang
Iryna Pavlenko Perancang	Aliaksandr Auseyeu Konsultan	Andrey Belous Konsultan	Dzianis Mantsevich Konsultan	Liubou Masiuk Konsultan

Exadel, Inc.