question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Search Results component in React

See original GitHub issue

As we’ve built many features to justify the one-liner description of this project i.e. a go-to networking tool, now it’s time to revamp the existing UI.

Add a new component Results.js which willdisplay the result of the current scan. Refer the image attached below for design.

As of now, create Results.js which takes input from results.json(create a json file with hardcoded results) and display them according to the UI

P.S. : The basic frontend on react is available on feature/frontend-react branch in the folder network-scanner. Add your components in the same branch. Do not make any changes in App.js / index.js.

image

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
nitish-awasthicommented, Mar 15, 2021

kindly add level3 label here too. @ishika1727

0reactions
ishika1727commented, May 15, 2021

@vinitshahdeo @ishika1727 After giving the request and getting that json I have to parse and print the json in UI right by using Bootstrap with react ??

Yes. You can go ahead!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Create a Simple Search Component in React.js using React ...
In this article, I'll be making a Search react component which you can easily integrate in your own React web app. The search...
Read more >
How to Search and Filter Components in React - freeCodeCamp
How to Search and Filter Components in React ... If you're building a React app, you want your users to be able to...
Read more >
How to render results of search in another component in React?
So, for modularizing it, I have create a parent component containing both search and result view components.
Read more >
How To Implement a Standard Search Using React - Telerik
The Best Approach for Implementing a Standard Search. Let's begin by setting up our project environment. First, create a project directory.
Read more >
Creating a React search bar and content filtering components
); };. We first imported the style sheet to style the search box. Then we set the type of the input to be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found