Building A Sticky Sidebar In React

Share:
Source Code

In this three part live coding series, we will build a basic 8-2 column layout and add a sticky sidebar to our app.  In the process, we will learn about how we can create dummy paragraphs programmatically and leverage several useful functions from Lodash, Boostrap and React-Sticky component.

We start our app by using the Create React App boilerplate.  We will use several ES6 features, so if you need a refresher, check out these tutorials:

External Libraries

  • Lodash: A modern JavaScript utility library delivering modularity, performance & extras.
  • Create React App: Create React apps with no build configuration.
  • React Bootstrap: The most popular front-end framework, rebuilt for React.
  • React Sticky: The most powerful Sticky library available for React!
Comments Or Questions? Discuss In Our Discord

If you enjoyed this tutorial, make sure to subscribe to our Youtube Channel and follow us on Twitter @pentacodevids for latest updates!

More from PentaCode