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!

You Might Also Like

Error, group does not exist! Check your syntax! (ID: 7)