redmacdev1988 / CarouselPartOne

Part one of implementing a Carousel using typescript and react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Carousel

This project was bootstrapped with Create React App.

This project is the skeleton of creating a carousel using:

  • Typescript
  • React
  • Sass

Data Structure

  • We implement an array in OOP and FP fashion in order to hold image urls. (src/Circularlist)

Rendering

  • We then use in React framework to do the rendering.
  • We simulate fetching of the images with setTimeout and returning an array of valid urls in function getImageUrls.
  • We have a Gallery component that does render (re-rendering) if the user sorts or re-fetches data.

npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Runs jest tests for our array data structures.

Learn More

To learn React, check out the React documentation.

About

Part one of implementing a Carousel using typescript and react


Languages

Language:TypeScript 87.5%Language:HTML 6.4%Language:CSS 3.5%Language:SCSS 2.6%