All Questions
25,071
questions
0
votes
0
answers
306
views
React component don't visually contain all of it's elements
I wrote a React component that contains some floated divs. Now these floated elements are not visually belonging to outer div as they should, although they continue to structurally belong (click on ...
6
votes
3
answers
12k
views
Webpack css setup and best practise
I am new to webpack and would like to use it with reactjs but kind of lost confused right now. I would like to know how css is handled in the client site development process with webpack. I know that ...
118
votes
8
answers
217k
views
CSS pseudo elements in React
I'm building React components. I have added CSS inline in the components as suggested in this brilliant presentation by one of the people behind React. I've been trying all night to find a way to add ...
1
vote
1
answer
2k
views
React.js and horizontal IScroll 5 with dynamic width
I cannot make IScroll to work with React.js.
var SubHeaderMenu = React.createClass({
getDefaultProps: function () {
return {items: []};
},
componentDidMount: function () {
if (this.props....
11
votes
1
answer
12k
views
react.js - React-router dealing with fixed headers and footers
I have React.js app flavored with react-router, I have a doubt regarding my current routes handling.
Design looks as follows, common mobile layout, fixed header and footer, content in the middle:
...
22
votes
6
answers
75k
views
a hover button in react.js
i would like to ask how to make a button but when the mouse is on the button (hover),the new button is displayed above the previous button... and it's in react.js.. thx
this is the way of my code..
...
17
votes
2
answers
61k
views
ReactJS change background image dynamically?
I was trying to change background image style dynamically for the following div:
Here is my component for changing it,
render: function() {
var divImage = {
backgroundImage : "url(" + this....
0
votes
1
answer
623
views
Which is the best approch to add styles to SPA?
I am using insert-CSS node module for adding styles to DOM, internally this adds the embedded approach.
so far my understanding is using external style sheets is best way to do it. But while using ...
5
votes
2
answers
7k
views
Handling React animation with horizontal scrolling
I'm trying to create an horizontally scrolling page navigation with animations using React and React.addons.CSSTransitionGroup. Currently I'm able to do the horizontal scrolling (with flexbox), page ...
98
votes
9
answers
120k
views
Tag Error: React JSX Style Tag Error on Render
This is my react render function
render:function(){
return (
<div>
<p className="rr">something</p>
<style>
.rr{
color:red;
...
9
votes
6
answers
64k
views
How to style carousel dots?
How do I style my carousel dots to become like this ?
Here is what I have now.
Here is how I style it.
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
...
2
votes
2
answers
504
views
How do I make a single child div scroll?
I am trying to create a page layout where most of the page is static and only the contents of a single div scroll. For simplicity, I am starting with two divs "header" and "content", but I don't want ...
13
votes
3
answers
14k
views
React Component and CSSTransitionGroup
early days with Facebook ReactJS. Simple CSS fade-in transition. It works as expected with ReactJS v0.5.1. It doesn't with v11.1, v12.0, v12.1. Here's the CSS and JSX:
CSS
.example-enter {
opacity:...
0
votes
0
answers
223
views
fixed floating elements inside table cell on mobile
I am using react JS to design a page where I need some of the elements to stick to the top if they are going to be scrolled off the screen. I have been doing this using position:fixed, and it works ...
64
votes
9
answers
45k
views
What's a react.js-friendly way to animate a list-reordering?
I have a list of items with scores, ordered by scores, rendered by react.js as a vertically-oriented list of rectangular items (highest scores at top). Hovers and other clicks on the individual items ...