Course of Create your library in React: Carousel

💸 First lesson available without registration 💸

Surely you have asked yourself these questions when using a library for your website's frontend:

• What library can I use?
• Is it worth adapting to this library? Is it extensible? Can I trust that the library will be maintained?
• Should I use the library or implement my own solution?

We have asked ourselves these questions to decide which Carousel to use on our website. Although we don't want to reinvent the wheel… We have decided to develop our own library in React!

We will tell you why we made this decision and how we developed our npm package. In this course, you will learn:

• 👀 What to consider when choosing an external library
• 🚀 Create a library in React with TypeScript
• 🧪 Develop a component using TDD with Jest and/or Cypress
• 🎨 Local development using Storybook to see progress and document your components
• ✨ Equip our Carousel with features
  • Supports different types of content
  • Mobile-first native scroll
  • Allow customization with CSS
  • UX and accessibility
  • Automatic publishing of new versions on npm with Github Actions

All this with a real case that we use on our website based on the Vite template for libraries that we have developed and you can use to accelerate the creation of your component.

Related Courses

• React from 0 applying best practices
• Best practices with CSS: Selectors
• Mocking up Codely's website from 0
• CSS Flex in-depth
• Frontend Testing