Sign up for Digital Ocean VPS and get $10 credit FREE!

Building A Sticky Sidebar In React

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!

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

Related Posts

Webdev News

    More News