Multiple tabs application with react [closed] - reactjs

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
Good afternoon, I need a service desk type application with the ability to open tickets in different tabs. 1st way - We can use split screen in one browser tab, i.e. on the left there will be a list of tickets, and on the right there will be tickets opened by clicking from the list, and each click opens a new tab with a ticket. Or 2nd way - we can use browser tabs and open a new browser tab each time.
The historicity of the transitions within the tabs should also be maintained, since each ticket can be linked to others and we must be able to navigate between them in each separate tab.
What is the best way to implement this?

You can use a design system (or be inspired by) to implement de tab UI: Semantic UI, Material UI, and many others. And integrate this with React-router that can gives you the history.

Related

How to create an Admin page for a website developed in React + Node? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I want to create an Admin page in order to manage users, groups, passwords and to publish content in a website. That website is made using React.
What is the right way to make it? Using a library for React that provides such Admin?
My workmate told me he uses Material UI, but I don't see how that library could be used for that purpose.
Material UI is used only for styling stuff, not for actual logic. If you have a REST backend, take a look at admin on rest project.
What is your backed written in?

How popular sites are using angular, e.g. The Guardian, when most of the links I click load the whole page? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I'm new to Angular, and I researched for popular sites that use angular(or react), I found several like The Guardian, New York Times, Netflix... but each of these sites have most the links load a new page, The rest are tabs or popups. How is that? Where is angular?
AngularJS is often thought of as a framework for Single Page Applications (SPAs), but this is not a rule. AngularJS can be used to build Multi Page Applications (MPAs) simply by having each page be its own module with its own fully formed HTML.
See: Is AngularJS just for single-page applications (SPAs)?

Maintain selected tab after page reload in React/Redux [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 3 years ago.
Improve this question
I have a page with a tab component, with 5 tabs in it.
What would be the best way to maintain the state of which tab was selected after a page reload/refresh in React/Redux?
I can think of two ways to persist this:
Query parameters
Local storage
Are these okay to use or is there a better/more React way to do this?
Let me first say that it's a highly opinionated question and depends on your design and needs.
I would use query parameters if the current tab is an important information on reload, since it could also be a link shared, opened in another browser...
I usually use local storage to store internal state about the application (such as login, show a popup on an element the first time its seen to explain what it does, etc...), not if a tab has been selected or not, since it's quite a versatile information. The user might for example get to the page from another page, later, and still get the second tab open instead of the default one.

how to test responsive design in all screen resolutions? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I need to test a responsive website based on all screen resolution, as you know for example we can drag FireFox or Chrome browser size by mouse and resize page but I believe this is not correct way.
but please share your idea about it
.
There are also some websites that they provide same facility by checking website in all devices screen, but it's not trustworthy.
I need to know what is the best way and routine way to check
responsive website for all screen devices?
In the developer tool of mozilla firefox, in the top right portion click on the square icon to enable mobile mode.
read for more here, https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode
I've recently tried using browsersync and it works quite well.
BrowserSync essentially allows you to test your site across a network of devices, and what you do on one device is immediately visible on the others. Your scroll, click, refresh and form actions are mirrored between browsers while you test.
Here's the link: https://www.browsersync.io/

How do I create a multiform GTK App [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Hi I have been playing around with C and Gtk trying to learn a thing or two
Now wondering how do I create an application that has more then one form.
Do I just clear the window out or do I create new windows every time I want to have another form or view.
and does anyone know a good place to learn this type of thing?
I assume your goal is to use one window but change (large parts of) the window contents at times?
The widget you are looking for is GtkStack, which is a container that will only show one of its children at a time. You can use a Stack with user visible controls (StackSwitcher) or from your own code.
The Stack was only added in 3.10, so in earlier GTK+ versions you'll need to do the work yourself: Add your "forms" as children of a Box and make sure only one child is shown at a time.
does anyone know a good place to learn this type of thing?
To find out what kind of widgets you have at your disposal, I suggest reading the fine manual: https://developer.gnome.org/gtk3/stable/.

Resources