You might be familiar with the running text that shows some breaking news on a news tv channel. I think it would be nice if we have a similar thing on a SharePoint site to show some breaking news to its users so I created the News Ticker app. Basically, the app will show some news from a SharePoint list as a running text at the top of every modern page on the site. Below is how it looks:
Below is the data source:
Data Source List
You can find the full source code and how to install it here.
In this article, I will share some key points from the solution code that might be useful for other SPFx projects.
1. Use React component in the SPFx Extension
SPFx extension doesn't include React component by default but we can easily add it manually.
We just need to render our React component in the placeholder element provided by the SPFx Extension Application Customizer.