1,381 questions
Best practices
2
votes
0
replies
73
views
How can I measure whether React dynamic imports are actually improving application performance?
I am working on a large React application and have started using dynamic imports with React.lazy() to reduce the initial bundle size.
Example:
const Dashboard = React.lazy(() => import('./Dashboard'...
Advice
0
votes
1
replies
109
views
Advice needed on a React application with Laravel backend
I'm currently working on a personal project related to Warhammer. Because I needed to test some things, I have made an test project for a quiz that would help select a faction. But I'm kind of still ...
Advice
1
vote
4
replies
154
views
Where can a beginner front-end developer find open source projects or beginner issues to contribute to?
I am a junior front-end developer and I have learned the following technologies:
- HTML
- CSS
- JavaScript
- TypeScript
- Git / GitHub
- React
- Next.js
I have built some small practice projects, but ...
Best practices
4
votes
4
replies
201
views
How are authentication tokens stored in real-world frontend applications?
I’m currently learning frontend development and trying to understand how authentication is handled in real-world applications, not just in tutorials.
I often see different types of tokens used, such ...
Advice
0
votes
6
replies
105
views
Has the definition of front-end and back-end changed?
Lately, I've seen so many job ads labeled 'front-end' that ask for experience with back-end technologies.
For example, I've seen jobs labeled front-end that have asked for experience with databases ...
Advice
0
votes
2
replies
84
views
How does a front-end dev think about different users' devices/settings without being overwhelmed?
My professional experience in tech has mostly been on the back-end, but I've been trying to learn more about front-end technologies like React so that I have more tools at my disposal. Broadly ...
Score of -1
1 answer
110 views
Is there a way to maintain information in an iframe when i change tabs?
I have a webpage with several tabs. Inside one of them I include an iframe as a way to manage certain properties, therefore I need the data to be persistent. Each time I change to another tab and come ...
Score of 0
2 answers
95 views
Get nth position of the child component in React?
I have a PagesContainer component that renders multiple Page components like this:
<PagesContainer>
<Page />
<Page />
<Page />
<Page />
</PagesContainer>
I ...
Score of 2
1 answer
264 views
How do I make a slideshow popup with next/prev arrows within the image?
I want to make a popup with a slideshow but I have a problem, I can't get the naviagtion arrows be placed inside the image container, so when the website is resized they stay in the same place.
I want ...
Score of 2
2 answers
242 views
How to make build system produce multiple js outputs?
This would seem like a basic question, but I found no information on it. Websites don't typically consist of a single page. E.g. Stack Overflow has a menu on the left with Home, Questions, Tags links, ...
Score of 0
1 answer
57 views
Why is the right of my webpage content disappearing on smaller browsers / mobile browser view?
I'm doing Meta's Front End Web Development lessons on Coursera.org and have nearly finished my client project for the "HTML and CSS in depth" sessions. But when I make my browser smaller or ...
Score of 0
1 answer
96 views
How can I add style to my responsive menu navbar?
I created a navbar with a logo on the left side, links on the right side and another 2 links that are highlighted and I added a icon menu, which appears on small screens, but, the problem is that when ...
Score of 0
1 answer
104 views
Aligning Buttons at the Same Line with Tabs in React using Ant Design
I am designing a website, and I need to align buttons and tabs at the same line. When I implement following structure, it does work, but when I add the <Table/> component as children, it does ...
Score of 1
2 answers
232 views
Appearance of svg object in mobile view is different from desktop view
body {
margin: 0vh 0vw;
}
.header {
position: relative;
width: 100%;
height: 12vh;
background-color: #004d40;
display: flex;
align-items: center;
justify-content: center;
overflow: ...
Score of -1
1 answer
153 views
Responsive Design Breaks in Mobile View During Preloading Phase
#loading-animation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:url('data:image/');
background-repeat: no-repeat;
background-size: cover ;
display: ...