React MDL, Material Design Lite ile Tepkilendirmeyi Birleştiriyor

Google kısa bir süre önce geliştiriciler için bir ön kaynak olan Material Design Lite adlı bir kütüphane ortaya koydu. Önceden oluşturulmuş CSS ve JS ile malzeme tasarım kurallarını kullanarak tüm web sitelerini otomatik olarak biçimlendirir.

Bu basit dev projeler için popüler bir çerçevedir. React MDL, çok yönlü bir ön uç kaynağı oluşturmak için Google'ın çerçevesini React kütüphanesiyle birleştirir.

Google’ın malzeme tasarımı açıkça Google dünyasında UI / UX’in geleceğidir. Material Design Lite ile, bu özellikleri tescilli bir açık kaynak kütüphanesi olan herhangi bir web sitesine uygulamak her zamankinden daha kolay.

React ayrıca, frontend view bileşenleri için kullanılan en popüler frontend JS çerçevesidir. React MDL ile Google'ın çevrimiçi belgelerinde bulacağınız gibi bir görünüm elde etmek için bu React bileşenlerini MDL kitaplığıyla birleştirebilirsiniz.

İşte örnek bir makale şablonu, böylece nasıl göründüğü hakkında bir fikir edinebilirsiniz.

Bu sayfada pek çok React bileşeni bulunmamakla birlikte, malzeme tasarımının estetiğini göstermektedir. React bileşenlerini kullanarak oluşturulan bu demoda çok daha fazla eylem bulacaksınız.

Daha fazla bilgi edinmek istiyorsanız GitHub deposunda Material Design Lite hakkında daha fazla bilgi bulabilirsiniz. Oradan, tüm modern tarayıcıları ve zarif bozulmayı otomatik olarak destekleyen sayfanıza uygulamak için ham CSS ve JS'yi indirebilirsiniz..

Ne yazık ki, React MDL hala oldukça yeni olduğundan, tüm bileşenler için tam desteğe sahip değil.

Fakat burada her biri için küçük demolar içeren tam bir liste görebilirsiniz. Bu, gerektiğinde kendi projelerinize kopyalayabileceğiniz / yapıştırabileceğiniz kaynak kod bitlerini de içerir.

İsterim değil Her iki kütüphanede de rahat hissedene kadar MDL React'i öğrenmeyi tavsiye et.

Material Design Lite paketinin başlatılması oldukça basittir ancak React çok daha karmaşık.

MDL hakkında daha fazla bilgi için, resmi sitelerindeki SSS sayfasına göz atın. MDL'nin hangi özellikleri kullanacağı ve tipik bir webdev iş akışına nasıl sığabileceği hakkında ipuçları sunar..

Ama doğru bir şekilde anlamadığınız halde, gerçekten çok iyi tepki vermese bile, bileşenler sayfasındaki tüm örneklerle devam edebilirsiniz. Örneğin, metin alanı sayfası, malzeme tasarımını kullanan ancak React kod parçacıklarıyla çalışan metin alanlarına sahip.

Oyun oynamaktan ve neler yapabileceğinizi görmek için çekinmeyin. Her iki kitaplık da kişisel veya ticari olsun, tüm projeler için tamamen ücretsiz ve açık kaynaklıdır.

Kaynağı incelemek ve dalış yapmak istiyorsanız React MDL GitHub sayfasından daha fazla bilgi edinebilirsiniz..