DEV Community

@ChaseGates
@ChaseGates

Posted on

4 3

React-Component-Library Tutorial

My Tweaked version of Storybooks Logo

I lucked out the other day browsing around on GitHub when i discovered a react-components tutorial authored by @alexeagleson

If your looking to get going with Storybook and React than look no further.

  1. This Tutorial is very detailed and easy to understand.
  2. Didn't require me to search Google or Stack Overflow, not even once.
  3. Highly informative on multiple fronts and is an excellent introduction into project configuration.
  4. Leaves you with your own custom, personal react-component library, packaged and published to GitHub making your custom-components just a simple npm install away..

You can fork the tutorial over at GitHub
/template-react-component-library

git clone https://github.com/alexeagleson/template-react-component-library.git
Enter fullscreen mode Exit fullscreen mode


Touches on:

  • React-Js - Jsx
  • Typescript
  • Roll-up
  • Npm
  • Jest
  • Git
  • Babel
  • Storybook
  • Web pack
  • Node-js

Other Tutorial by the Author:

Running a Local Web Server

ESLint

Prettier

Babel

React & JSX

Webpack: The Basics

Webpack: Loaders, Optimizations & Bundle Analysis

Webpack: DevServer, React & Typescript

Big Thanks @alexeagleson, I enjoyed your Tutorial and look forward to doing the others!

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay