Giter Club home page Giter Club logo

sprint-challenge--react-router's Introduction

Assessing your React Router Fu

  • The purpose of this exercise is to get you used to being quizzed on Interview Questions commonly asked about React Router.
  • Answers to your written questions should be recorded in Answers.md
  • This is to be worked on alone but you can use outside resources. You can reference any old code you may have, and the React Documentation, however, please refrain from copying and pasting any of your answers. Try and understand the question and put your responses in your own words. Be as thorough as possible when explaining something.
  • Don't fret or get anxious about this, this is a no-pressure assessment, NOT a pass/fail situation.

Start by forking and cloning this repository.

Questions

  1. What is the difference between server side routing and client side routing?
  2. Mention some advantages of using client side routing.
  3. Which component is used to define a route and what props are commonly added to it?
  4. How can I make sure that the component associated with the "/" route is not displayed for every other route?

Project

  1. Use create-react-app to make an application, name it anything you want.
  2. Add a menu similar to the one on https://www.apple.com with a top level navigation.
  3. For each top level navigation (Mac, iPad, iPhone, etc) display a sub-navigation bar with links that when clicked show the appropriate component.

This example shows the sub-navigation for the /mac route.

Sample Navigation

Your goal is to get the nested navigation working, no need to add animation or content to the components displayed other than some text to uniquely identify them.

Once you are finished - We have further reading for you and your weekend video/study materials.

sprint-challenge--react-router's People

Contributors

oggiedoggy12 avatar ryan-hamblin 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.