All Questions
11 questions
3
votes
0
answers
78
views
React draggable sliding panel
I'm building a sliding bottom panel as a React component, adapting Phuoc Nguyen's excellent draggable element tutorial.
It currently looks like this:
The expected behavior is:
User taps on button to ...
- 31
0
votes
2
answers
121
views
How to write repetitive styled components in a cleaner way
I'm using Styled Components for styling and there are many icons defined in the project so in the style file we have this code:
my-component.styles.ts
...
- 181
2
votes
0
answers
56
views
Device-specific page design with gatsby
I've been coding for a couple weeks now and have nearly finished the first version of a gatsby site for a landing page. My aim is to make the addition of new pages to the website as fast as possible ...
- 21
5
votes
1
answer
80
views
Custom react dropdown
Last night I had to build dropdown for the menu on the website that I'm working on. As I'm still React newbie I first looked if there is some package for what I'm trying to achieve but there wasn't, ...
- 51
2
votes
0
answers
103
views
Random Quote Machine with React and Bootstrap
For my first solo React exercise project I decided to recreate a quote machine from the example that uses vanilla JS/jQuery. I also used a mix of Bootstrap/plain CSS. I got it to look how I wanted and ...
- 21
3
votes
0
answers
36
views
How would you convert this code to best take advantage of CSS transform for panning/zooming?
I am using react-flow-chart for a job project, but it doesn't implement zoom, and I would like to take the reigns and try applying it myself. I took a linear ...
- 183
2
votes
0
answers
218
views
ReactJS Typewriting animation
One of the dream idea to build typewriting in ReactJS. The code seems to be working, still there are something looks not that great in the code 😔
Looking for better solution (best practice) in the ...
- 303
4
votes
1
answer
182
views
Tabby Cat - simple react app
I am new to ReactJS as a fun alternative to the old boring JS and for practicing I tried to make a sort of "tabby cat" app similar to the browser extension one (tabbycats.club) where you get ...
- 61
2
votes
0
answers
222
views
Applying CSS styling based on different pages in React
Short Story: I created this website last year in plain HTML, CSS, JS which I can't even remember how I wrote that and now I can't even edit the website without breaking it. So, I'm re-writing ...
- 165
3
votes
1
answer
15k
views
React beginner exercise: Build a base arithmetic calculator
Exercise assignment:
Build a calculator with React which can add, subtract, multiply and divide.
See image below for reference
Give it whatever design and colors you want
Each text ...
- 4,972
1
vote
1
answer
768
views
Value-added tax calculator app
The app calculates the tax which is included in a (given) amount. Because I'm new with both libraries (React.js and Foundation) I would appreciate hints and improvement suggestions.
Live demo on ...
- 4,972