Bereits vor ca. drei Monaten wurden auf GitHub die “fantastic 40” Client Side Webparts (https://github.com/OlivierCC/spfx-40-fantastics) für das SPFx Framework veröffentlicht. Damals wie heute sind diese Beispiellösungen der beste Einstieg in die neue API. Aus diesem Grund möchte ich heute einen kurzen Ein- bzw. Überblick über die enthaltenen Komponenten geben.
In dem Projekt sind folgende Webparts enthalten. Der Name ist zum Glück recht selbsterklärend.
- accordion
- animatedText
- arcText
- audioEqualizer
- barChart
- bingTranslator
- carousel3D
- coverflow
- fckText
- gridGallery
- imageColor
- imagePuzzle
- lineChart
- markdown
- mediaPlayer
- messageBar
- newsCarousel
- newsSlider
- newsTicker
- photopile
- pieChart
- polarChart
- qrCode
- radarChart
- rssReader
- simpleCarousel
- simplePoll
- sliderGallery
- socialPhotoStream
- socialShare
- stockInfo
- syntaxHighlighter
- tabs
- textRotator
- tilesGallery
- tilesMenu
- tweetsFeed
- typeWriting
- verticalTimeline
Alle Webparts machen auch optisch ganz gut was her und können hervorragend als Inspiration oder als Vorlage für eigene Projekte dienen.
Im nachfolgenden Screenshot sind das pieChart- und radarChart Webpart (beispielhaft) abgebildet.
Das Projekt und die Webparts sind sauber strukturiert und durch TypeScript typensicher umgesetzt. Rundum tolle Beispiele!
Ich wünsche euch viel Spaß beim Entdecken und Ausprobieren!