Skip to content

g4br13l/pipeChallenge

Repository files navigation

PipeChallenge a Real code Challenge

React Toggle

react-toggle

  1. Fork this project to start;

  2. In the "Toggle.jsx", when "false" should shows the text "Off to sleep." and "true" should shows the text "On fire for the party!";

  3. The text "Off to sleep." should be "blue" and the text "On fire for the party!" show be "red";

  4. The initial value should be always "true";

  5. Show a title element using "h1" tag with the initial value "Switch Component".

  6. In the "App.jsx" should render 3 switches where the first one should have the title "General Controller";

  7. The "General Controller" component should share the state and control the others;

  8. Include React performance improvements;

  9. Don't forget to add tests;

  10. Move all files to TypeScript;

About

A coding challenge that tests the management of different linked states using React.js. Unit tests for React components are implemented with coverage metrics.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages