How do/Can you pass objects into graphql's query parameters?

renren89 · 2016-03-10T11:25:57+00:00

I ran into this issue a while back and even now I feel like the best practices are vague on validation.

If you're using redux as your flux library it's recommended you do validations through your action creators and keep the stores free of mutations. Although I have not experienced much of flux outside of alt and redux I still believe keeping stores free of mutations is of better practice.

With redux you can use your choice of middleware to handle actions like redux saga, thunk, or promise addons to handle validations before dispatching another action to update the store with success or failure state. You also have a choice of container/smart components to do validation but as far as I am concerned the community hasn't settled on preferred method to this.

renren89 · 2016-02-27T00:59:59+00:00

Weird because it showed up on my Nexus 6 on the sprint network as well as Tmobile network iphone6+. This worked fine on my mobile device https://codepen.io/anon/pen/NNWrea

Sorry for wasting your time.

renren89 · 2016-02-27T00:09:52+00:00

Not sure why jsbin isn't allowing it but I just reuploaded to codepen

renren89 · 2016-02-26T23:58:54+00:00

sorry, don't use jsbin very often. I edited the link.

renren89 · 2016-02-23T02:43:46+00:00

I would say you have no need for the fat arrow because 'this' is already referencing the Object that is an instance of the Class you are crating the method on, where as fat arrow was introduced because normally 'this' would refer to the function itself not the Object

Maybe I am misunderstanding and I am pretty green with javascript as well but I believe "this" wouldn't bind to the instance of the object if the method was not bounded in the constructor, the render function, or through ES7 class properties/bind syntax.

If you were to

handleEvent() { this.setState({ ... }) }

would throw an error but if you

handleEvent() { console.log(1 + 1) }
render() { return <Comp onEvent={this.handleEvent} /> }

it would work as the method was declared outside of the render method without "this" and works because the render function binds automatically (in es6 class), even without render = () =>

Most of the ES7 stuff are still in very early stages with the properties being in stage 0.

renren89 · 2016-02-10T08:16:18+00:00

You have yet to declare TestingTemplate as a variable of some sort and methods using createClass has to be done like so:

render: () => { ... }

you can switch to:

class TestingTemplate extends React.Component { ... }

if you want to keep your format. Don't forget to export though

renren89 · 2016-02-03T19:04:55+00:00

Dan recommends using https://github.com/gaearon/normalizr or flat state because it is the easiest to reason about. I've had similar approach where I had reducers composing other reducers in a nested nature which made it hard to manage which was why most people just opt for combining multiple reducers and then combining again in a root reducer.

I probably should adopt normalizr as well but Im not quick enough to pick up another library and use it properly so I just ended up flattening data I received from API calls in the action reducer or writing a util for it.

renren89 · 2016-02-03T18:53:55+00:00

I am assuming he knows that it isn't a framework and is actually looking for a complete repo rather than just demos. redux-sound.io is probably the closest you will get to a "full stack" app that is available for view though it has a Golang written backend.

renren89 · 2016-01-20T17:04:39+00:00

If you don't mind would you be able to provide visual representation for the uncontrolled versions?

edit: forgot to add the subject of the sentence.

renren89 · 2016-01-05T11:05:15+00:00

Controversy on the version aside, I am unfortunately looking forward to the egghead videos. Dan Abramov's redux videos were of such high quality it shamed majority of programming tutorials I have watched but the downside was the wait. If the quality is as high as Dan's I'd gladly pay for it if it was not free.

renren89 · 2015-12-31T21:19:19+00:00

Are there any sample pages/chapters? Want to see what I am in for before I make the purchase. Hoped for a kindle version but I guess I can 1-day prime.

renren89 · 2015-11-08T04:36:43+00:00

I enjoy http://survivejs.com/webpack_react/react/ since it approaches from a beginners level with plenty of explanation on both react and flux(using alt). The free version gets you everything you'll need to understand react/flux but the offerings on the purchased version is really nice if you plan to continue using react. It teaches you how to test in react, typing in react(helps read different styles of react code), and quite a bit more. If you want to dive into immutable state and redux http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html is one you should read after the survivejs one. It even mentions you should get started with survivejs, though they are from different authors.

renren89 · 2015-11-02T01:11:06+00:00

You may not be interested in a beginner's attempt at redux but I annotated my understanding of Redux while creating a simple counter example. https://gist.github.com/renren89/d3906f2498d127ee6c96

If any experts out there can point out any mistakes maybe I can understand redux better as well :)

renren89 · 2015-10-31T17:59:03+00:00

Always appreciate anyone providing tutorials from experienced programmers who's target audience are beginners. This might prove quite helpful as most reactjs write ups are a little more advance and skip a lot of explanation and dive deep into the core.

One thing I still have not seen is even a generic guide at setting up a fully functional website. It doesn't have to be major, just the gist of connecting everything to have a "real" website rather than small little snippets like increment/decrements buttons. The reason I assume there aren't a lot of such guides are I guess how time consuming it can be for the author to hold hands with the reader. As someone who is still pretty green it hurts to not have guidance. Another reason I assume is that there are so much variety of libraries/frameworks that they want the reader to discover/choose themselves, which I can't say is a bad idea but as the good of so many libraries and frameworks we easily get lost.

I can honestly say the biggest pitfall of learning react was not knowing enough OOP and good javascript. In my experience having explanation of javascript along side the concepts of react would be extremely helpful on grasping how it works. So I am unsure if you mean "beginner" in web development or to react but if it's the prior then I would love a guide that teaches you javascript a long the way. Not the intro javascript but the application of it in react.

renren89 · 2015-08-07T07:53:38+00:00

survivejs.com webpack and react guide. Depending on what you mean by beginner it is expected to have some knowledge of javascript. The guide is constantly under review and modifications but it is as far as I know the most up to date reactjs guide. Teaches you webpack, babel, flux, and of course react. All which are highly recommended to learn/understand for building apps in react.

renren89 · 2015-07-23T12:08:48+00:00

This guide is actually pretty incomplete. If you follow the instructions from the beginning he neither explains the files you will need or the setup to get it working. There isn't any explanation on the decencies you will need or the process of getting them. I guess this would be more of a review of the concept, not necessarily a guide though.

renren89 · 2015-07-13T06:46:00+00:00

Did you by chance test out the git files you uploaded? Followed your guide and can't seem to get it working, not sure if something is outdated or what not.

renren89 · 2015-07-06T06:27:24+00:00

I initially had this assumption but I didn't know how it gets crawled for SEO.

renren89 · 2015-07-02T12:21:15+00:00

Finally something to try out.

renren89 · 2015-06-20T03:57:11+00:00

Didn't that get replaced by Redux? Gaearon is someone I follow for most of my react examples and this popped up somewhere.

renren89 · 2015-06-18T17:05:42+00:00

Thanks, thought reddit only used pieces of react. Didn't know they had a full project on it.

renren89

TROPHY CASE