• Stars
    star
    354
  • Rank 120,042 (Top 3 %)
  • Language
  • License
    MIT License
  • Created about 3 years ago
  • Updated about 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Repository to store common interview questions asked during React technical screens

React Technical Interview Questions

Know a question that isn't here? Add to the bottom and create a pull request. See a question that you have an answer for? Add a link to a codesandbox demo. Thanks for helping the community!  

Goals

Most technical questions are looking to assess:

  1. Ability to call an API and parse JSON.
  2. Ability to handle promises.
  3. Ability to put data into state and use that to render on the page.
  4. Basic CSS (flexbox, border styles, background, centering a div on page)
  5. Abiltiy to handle events and gather target's value from input boxes (event.target.value)
  6. Ability to use hooks such as useState, useEffect.
  7. Ability to pass the right dependency array to useEffect.

Questions

  1. Create an app to fetch data from a JSON API. Use this data to render on the page. Provide ability to paginate the results Video
  2. Create a typeahead component.Video
  3. Given a mock, use React to render on the page. Check Sample Mocks section
  4. Create a TO-DO app.
  5. Infinite scrolling app
  6. Create a form that gathers user's data and sends it to server.
  7. Create a tic tac toe game.
  8. Create a slideshow type app. The data of slides could be given. It contains an image url, and the title of the slide. Left and Right navigation buttons are needed.
  9. Create a form app that has a different state of UI when a field is selected, has value or is visited. (Uses onFocus, onBlur events)
  10. Create a ticker that increments value every second.
  11. Create an app that allows user to click a button 5 times, and times them out afterwards.
  12. Create an app that uses debouncing / throttling.

Sample Mocks

image

More Repositories

1

devjoke

#DevJoke. Submit a PR if you know a good dev joke.
Python
952
star
2

Learn-Web-Development-Checklist

Use this checklist as a guidebook to learn web development
308
star
3

talent-for-hire

A repository for storing a list of awesome folks looking for their next engineering gig. If you have been impacted by COVID layoffs, or just job searching in these hard times, send a PR to include you
SCSS
211
star
4

javascript-algorithms

A repository of my solutions to JS algorithm problems & data structures and preparing for interview. Caution advised. 👐 😎 💩
JavaScript
71
star
5

hooks-graphql

An example of how to use React hooks in Graphql for managing state
JavaScript
33
star
6

blogs

A collection of blog post articles on JavaScript, React, GraphQL and front-end development
SCSS
30
star
7

saved-reading-list

25
star
8

talks

A repository of presentations for conferences and meetups that I have presented at.
20
star
9

learning-front-end

A repository for sharing front end knowledge.
19
star
10

graphqlsummit2019

A repository for code examples shown during the conference.
JavaScript
17
star
11

emoji-cheat-sheet

A cheat sheet to copy emoji for making committing fun.
14
star
12

graphql-example

Boilerplate for setting up GraphQL using React, Apollo and Express
JavaScript
8
star
13

learning-ai

JavaScript
5
star
14

lwj-monsters

JavaScript
4
star
15

apollo-hooks-graphql

An integration of apollo hooks with GraphQL to create a music player
JavaScript
3
star
16

shrutikapoor08

3
star
17

devjoke-graphql

JavaScript
3
star
18

shrutikapoor-home

MDX
2
star
19

learning-graphql

Source code of LearningGraphql.com
CSS
2
star
20

canvas-examples

JavaScript
1
star
21

unified-graphql

JavaScript
1
star
22

promise-app-medium

An example of how promise works in JavaScript.
HTML
1
star
23

react-redux-boilerplate

A preconfigured React Redux boilerplate that I can use for my side projects without having to do any other setup.
JavaScript
1
star
24

optional-chaining

JavaScript
1
star