Giter VIP home page Giter VIP logo

array-component's Introduction

Before Getting Started

There is no starting code for this project. This project is used purely as a way to test your knowledge of working with arrays and state. Each of the functions that I ask you to create should have a button rendered in the JSX that executes that function and the JSX should also render the array as a comma separated string.

You can do this with either class components or function components (I recommend function components), but there is no need to do both as they are very similar.

Functionality To Create

  1. Create state that stores an array with the initial value of ["A", "B", "C"]
  2. Add the ability to remove the first element from the array
  3. Add the ability to remove a specific letter from the array
  4. Add the ability to add a new element to the start of the array
  5. Add the ability to add a new element to the end of the array
  6. Add the ability to clear the array
  7. Add the ability to reset the array to the initial value

Bonus Functionality

These are optional challenges that are more difficult and will really test your skills.

  1. Add the ability to update all A elements in the array to H
  2. Add an input that is connected to state and a button that will add the input value to the start of the array
  3. Add the ability to add a new element at any index in the array

array-component's People

Contributors

rakibca avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.