React is a JavaScript library for building user interfaces. It uses a declarative paradigm that makes it easier to reason about your application and aims to be both efficient and flexible.
8
votes
1answer
154 views
Hello, First Name Last Name
I've been working on learning React, and so like most people do when they get started on something new. I created an arbitrary simple project to get a bit more familiar with the concepts.
It's so ...
5
votes
1answer
888 views
Live updating headers from form input with React.JS
I am teaching myself React.js from Facebook with small projects. For this one, I want to know if this was the cleanest, most React-ish way I could have done this.
The basic structure is as follows:
...
4
votes
0answers
59 views
Socket.io wrapper for an app with ReactJS components
I am upgrading a traditional jQuery based app by converting a few parts of it into ReactJs components and use socket.io for the data transfer medium.
There are a few React components spread across ...
4
votes
0answers
176 views
ReactJS app to add and validate items to a list
I wrote a sample app based on the ReactJS tutorial, and I would like some thoughts on how idiomatic this code is. Unfortunately there's no ReactJS integration with Stackoverflow snippets, but I do ...
3
votes
0answers
118 views
Create component with select+button
I'm new to ReactJs and trying to figure out the preferred style. I also have tried it enough to realize that I'm not a fan of jsx and prefer how React looks when written in coffeescript.
This is a ...
2
votes
0answers
18 views
Ordering league table with live data
I've created a small project that contains a league table from Premier League updated constantly using local node.js server. Data is fetched from local server.
I'm wondering whether my solution is ...
2
votes
0answers
99 views
Passing functions using higher order components in React
After reading this, I'm on board, however it doesn't get into passing methods from the parent class. In my mixins right now I have a lot of helper functions that are used across the various components ...
2
votes
0answers
96 views
React mixin to declaratively get Bacon.js event steams
I wrote a mixin to declaratively get a Bacon.js event stream. So instead of onChange={this.handleChange}, you can do ...
2
votes
0answers
141 views
React Flux structure for a shopping app
we have just started up a new app and we are using React with the Flux architecture, we have done our best to piece together what we think is the best structure for the app and would appreciate any ...
2
votes
0answers
55 views
Changing Component Style
I have a component that I want to render with certain styling based upon the props that it will receive. I'm currently defaulting the prop types, and then creating the styling at render as such:
...
1
vote
1answer
1k views
React app that receives data via an AJAX requests, display the data and makes it searchable
I have recently started using React and wish to know if my code adheres to the React coding style, whether I am following the same approach towards solving any problem and is there any way I can make ...
1
vote
1answer
138 views
Potentially excessive state and use of bind
The purpose of the code is to see if a form element would get data from internal react components and it did. It was also to see how clean I could make an autocomplete component.
The autocomplete has ...
1
vote
1answer
379 views
ES6 classes and ReactJS: implementing propTypes
I had a problem to define propTypes for my React class. I ran into solution that doesn't feel right:
...
1
vote
0answers
58 views
React.js flood game implementation
We created an implementation of Flood game with React.js(GitHub). We tried to use Flux-architecture.
The implementation consists of parts:
the storage
...
1
vote
0answers
57 views
Simple ReactJS application
I created a simple react todo-like application (GitHub). There are several questions/problems:
How do I separate logic from components (methods such removeHandler etc)?
Should the top component have ...
1
vote
0answers
527 views
Multiple-choice quiz using ReactJS
I'm trying to build a multiple-choice quiz using ReactJS. When the Submit button is clicked, I want to give immediate feedback by changing the text 'input' color (green/red). Right now, it feels like ...
0
votes
0answers
121 views
Typeahead component
Recently I've started looking into ReactJS and I wrote my first component. It's a typeahead component, but since I'm new to ReactJS I am not convinced that my code is correct and if this component can ...
0
votes
0answers
122 views
React: Set state in life cycle events from props
This is a ReactJS component that accepts a date and displays how long ago this date was (5 seconds ago, 3 minutes ago, 5 hours ago, ...) + it uses a setTimeout to ...
0
votes
0answers
52 views
Controller-view for each page in a mobile site
I have been creating a mobile site using Fluxxor, rendering components server side and after some work setting up the stores and components, I find that each page I have has a corresponding controller ...
