Relay is just getting better : ) – Entria – Medium

Relay is just getting better : )  #react #graphql #graphcool #relaymodern #reactjs

  • In a recent commit to Relay 1.2, it was added a third argument to refetchConnection, the refetchConnection is an API provided by the createPaginationContainer.The trouble many where having was the need to paginate and refetch new data, for so it was necessary to compose a Refetch container with a Paginate container as a child, as you can imagine this was not easy to get done and didn’t work well.Using the Refetch container to do it all is also an option, but this also means that you will have to use graphql.experimental and as the name indicates this is something that is still experimental and might change.How can we set up a pagination container with also some refetch, well here is the fun part.First let’s create this Pagination container in a component which renders a list of links.Now in the Pagination Container there are 3 variables, count, after and filter.
  • Count and After are part of the pagination logic, we are interested in refetching the filter variable.Before we proceed on to how to refetch, first we need to set these variables in the parent Query Renderer.
  • For that let’s declare it on the Query Renderer.We have to declare the variables in two places, inside the query as its arguments and also inside the component QueryRenderer as a prop.
  • Now we have access to these variables in our child queries.Since the Pagination Container exposes loadMore API to this.props.relay, all you have to do to paginate or load more is call this API with the page number as you can see below.But this we all know.What about refetching ?
  • for refetching is equally simple.the refetchConnection API takes three totalCount: number, callback: (error: ?

In a recent commit to Relay 1.2, it was added a third argument to refetchConnection, the refetchConnection is an API provided by the createPaginationContainer. The trouble many where having was the…
Continue reading “Relay is just getting better : ) – Entria – Medium”

Announcing “Advanced React.js Online” – componentDidBlog

  • I can barely believe it, but over the last 27 months, Michael Jackson and I have taught React.js to over 3,500 developers at 91 workshops in eight different countries (Oh, and one prison cell in the UK, but I digress…)In that time we’ve learned a lot about React as library authors, product developers, and teachers.We’re the authors of React Router.
  • That kind of usage has exposed us to the needs of all sorts of applications, pushing us to find simpler ways to be composable as library authors.Meeting 3,500 people (and more at the meet ups we regularly attend in our travels) has put a lot of code in front of us, and even more conversations about code.
  • It’s been fun learning the unique needs of all these people and figuring out ways to make their code better as product developers.Teaching React to thousands has helped us identify parts that some folks initially struggle with.
  • This helps us refine our material one workshop at a time, making us much better teachers.We’re happy to announce that we’re bringing all of that experience to you in our very first online course: Advanced React.js.
  • We’ve taken the most popular parts of our workshops and put them into the course.

Ninety-one. I can barely believe it, but over the last 27 months, Michael Jackson and I have taught React.js to over 3,500 developers at 91 workshops in eight different countries (Oh, and one prison…
Continue reading “Announcing “Advanced React.js Online” – componentDidBlog”

Why React is winning and how you can win with it? – Shival Gupta

  • Angular is still the reigning champion of front end frameworks, but React is the most loved.
  • Angular maybe in King’s Landing for now, but React is king in the north.
  • And React has a steep learning curve.
  • With React Native spearheading the war on the mobile apps front (and performing awesomely), it is worth it to investigate React in your freetime and make the decision yourself.
  • I’ll write more on learning and working with React if this post crosses 5 comments.

React.js is the king in the north.  Angular is still the reigning champion of front end frameworks, but React is the most loved. And there are particular reasons to it. I made the jump from using Angular 1.x to Angular 2 earlier this year and then to React. The experience and developer productivity that I…
Continue reading “Why React is winning and how you can win with it? – Shival Gupta”

REACT JS TUTORIAL #6 – React Router & Intro to Single Page Apps with React JS

REACT JS TUTORIAL #6 – React Router & Intro to Single Page Apps with React JS

  • A big question in React JS is State vs Props.
  • State is essentially any data that relates to the internals of a React component, but has nothing to do with the outside world.
  • Props are data that the React.js compone…

Let’s start building single page apps with React…this is where it gets fun. We’re going to start with routing – the core of any single page application. As you’ll see, react router makes routing
Continue reading “REACT JS TUTORIAL #6 – React Router & Intro to Single Page Apps with React JS”

The New Kid on the Block

Meet @mxstrbng - a new member of our #NeosCMS team working on the #reactjs UI:

  • After that I attended the Neos Barcamp, the other two sprints since then and the Neos Conference.
  • All this was much fun especially to see the development of the project not only from a remote point of view but also to contribute to the React UI development.
  • My focus in the Neos project is clearly on the React UI rewrite which we plan to release at the end of the year, but I’m also fixing some little things in Neos or Flow if they catch my eye.
  • I’m not only interested in React, Javascript and PHP but in computer science in general and different kind of programming languages.
  • So, this is me 🙂

    if you are not sure if you want to join the development of Neos and Flow, also as a non programmer, you should join a sprint and see what’s going on there!

Hi I’m Max, 27 and I  became a Neos team member on the 5th July.
Continue reading “The New Kid on the Block”