Taking Gatsby for a spin

Taking Gatsby for a spin  #webdev #javascript #reactjs #Flexi_IT

  • It’s not that I really need a new tool to create static sites, it’s just that every developer tweeting about Gatsby seems to think it’s the most exciting thing on the web since they learned they could combine the and tag.
  • Here are some of the important features of Gatsby: – – GatsbyJS is based on React which means that you’ll be writing almost everything in JavaScript / JSX.
  • If you already like React, you’ll most definitely enjoy creating static sites with Gatsby.
  • Gatsby comes with plugins to pull in data from several APIs, CMS systems and local files.
  • PRPL + the gatsby offline plugin mean that your site will be considered a PWA, will load insanely fast on any device and scores great in Google lighthouse.

A short write-up on Gatsby, a static site generator based on React
Continue reading “Taking Gatsby for a spin”

A Front End Developer’s Guide to GraphQL

A Front End developer’s guide to GraphQL  #GraphlQL #ReactJS

  • In this post, we’ll walk through a couple of hands-on examples to show you how integrating GraphQL into your application will solve many pain points working with remote data.
  • On the backend, you’ll use Apollo Server to create a GraphQL server, which is a single endpoint that parses a GraphQL request and returns data.
  • You’ll connect your GraphQL server to your application with Apollo Client, a fast and flexible client that fetches, caches, and updates your data for you.
  • This common frustration no longer exists with GraphQL because the data you consume on the client is no longer coupled to an endpoint’s resource.
  • In this example, React Apollo, Apollo Client’s React integration, is binding our exchange rate query to our ExchangeRateList component.

No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually
Continue reading “A Front End Developer’s Guide to GraphQL”

Nikolas Burk: It’s natural that the React community has adopted GraphQL so fast

.@nikolasburk: It’s natural that the #ReactJS community has adopted #GraphQL so fast

  • I’ve worked as an iOS instructor at the Make School Product College in San Francisco before I started my job at Graphcool, where I can now bring my excitement about GraphQL into different developer communities.What type of mobile applications make the most use of GraphQL?GraphQL really is a great technology…
  • GraphQL is a great abstraction for client-server communication, a problem area almost all modern applications have to deal with!Comparing API development speed, does it take longer to build GraphQL endpoints than traditional REST?The big difference between GraphQL and REST is that a GraphQL server usually only exposes a single endpoint….
  • For a great development process, the Graphcool Framework provides a set of primitives that greatly accelerate the development cycle!When starting out with a new project, it generates a powerful CRUD GraphQL API (including filtering, sorting, pagination,…) for your data model.
  • The development process greatly benefits from the new abstractions provided by GraphQL!What’s the reason GraphQL is mostly popular amongst React developers?It’s very natural that GraphQL adoption is by far most advanced in the React community.
  • It also allows for new abstractions on the frontend — great examples of this are GraphQL client libraries like Relay and Apollo Client, that take care of networking and caching for you.On the other hand, I think it’s actually a bit unfortunate that GraphQL is only popular among React developers!

We’d like to introduce Nikolas Burk, one of React Day Berlin’s speakers. He shares his frontend development tips and insights in the following interview. Comparing API development speed, does it take…
Continue reading “Nikolas Burk: It’s natural that the React community has adopted GraphQL so fast”

React Alicante 2017 #ReactAlicante #React.js #JavaScript

React Alicante 2017 #ReactAlicante #React.js #JavaScript

  • With an attendance of over 250 and a wide range of the latest and greatest from the React world, React Alicante delivered some interesting topics ranging from React Native all the way to GraphQL.
  • While I really do see the value in documenting your React components for large scale projects I can also see its value being diminished somewhat for smaller scale projects as the time spent building a system of UI documentation with Storybook while also having to write tests specifically for that…
  • Possibly one the most interesting talks at the conference was by Nikolas Burk, His talk (Building a realtime chat app with GraphQL) was extremely engaging.
  • A talk by Erik Rasmussen labelled A practical guide to Redux Form was very interesting and made me rethink my current system of form validation using React and Redux.
  • Erik is the creator of Redux Form and he outlined how this library provides an easier way to manage the various state changes of a dynamic form.

Last weekend I attended React Alicante. Its the first of its type set in Spain’s southeastern Costa Blanca. It delivered some interesting topics ranging from
Continue reading “React Alicante 2017 #ReactAlicante #React.js #JavaScript”

RNG (React, Next.js, GraphQL) can slay the MEAN stack

  • This was not without hurdles as the community split during the early years, but in 2015 they reconsolidated from the IO.js fork and became the powerhouse we now know.The term “MEAN stack” is known as the use of MongoDB, Express, Angular, and Node.
  • It looks to me like the time for MEAN being king of the valley has come to a close.Enter RNG, this is the use of React, Next.js/Node, and GraphQL as a development stack, sure, there is no MongoDB or MySQL/PHP (-M or -MP) but more on that later.
  • It is a long video so if you want to keep reading feel free to watch it later.If this is the first time you have heard of GraphQL you should know that it is a replacement layer to any and all API calls, no more routing and no more data fetching headaches.
  • Just pick the data in the “graph nodes” and poof, call resolved.The major selling point would also be the ability to use any storage service as long as you configure the GraphQL layer to support it.ConclusionThe new React, Next.js, and GraphQL (RNG) stack has the potential to once again shift the JavaScipt ecosystem and arise as the prevalent stack for start-ups and tech companies to adopt for their apps.
  • The benefits in performance and ease of front-end and back-end development collaboration are undeniable with the use of GraphQL not only as a JavaScript centric app.What is not to like?Side noteSmall PSA, keep in mind the issues in the community with licensing as open-sourced software and communities fight for transparency and ownership of our beloved code.

Technologies rise and fall, and in recent years there has been an impressive amount of open-source communities backing libraries and platforms. There are instances where a “stack” or combination of…
Continue reading “RNG (React, Next.js, GraphQL) can slay the MEAN stack”

JavaScript Weekend List #10 – Alex Bachuk – Medium

JavaScript Weekend List #10  #webdevelopment #react #javascript #nodejs #graphql #reactjs

  • JavaScript Weekend List #10This week I had a chance to dive deeper into GraphQL.
  • I discovered some new tools and now I’m convinced GraphQL is the new way to build APIs.
  • After reading more about Go, Python, Java and other languages I now realize GraphQL is the way to go.
  • I’ll report back how it goes.Here are some interesting projects and articles for the past week:Login-With project.
  • Forms in React, without tears (I hope it’s true)Experimenting with the background fetch APIDeploying Node and Mongo Containers on AWS EC2Tutorial: GraphQL Subscriptions with Apollo Client

This week I had a chance to dive deeper into GraphQL. I discovered some new tools and now I’m convinced GraphQL is the new way to build APIs. My goal is to prototype few APIs in the next few weeks…
Continue reading “JavaScript Weekend List #10 – Alex Bachuk – Medium”

Introducing Explore GraphQL – Apollo GraphQL

Introducing Explore GraphQL  #api #webdevelopment #angularjs #graphql #react #reactjs

  • So we wanted to create a new resource that can help communicate that excitement and give people the tools to get GraphQL running in production at their organization.That’s where Explore GraphQL comes in.What’s this new site for, and how can you get involved?
  • That’s why you’ll see slides at the end of every GraphQL talk with 5–7 links pointing to a variety of resources.Here are two types of resources people often link to:GraphQL.org: This is the home of the specification and technical documentation about GraphQL as a technology.
  • It’s a critical resource for the community, but it’s focused on presenting the facts and less about presenting the reasons why to start using GraphQL.Tutorials and other learning resources for GraphQL: These do a great job of introducing people to GraphQL and giving a hands-on experience, but they only work if the reader is already interested in adopting the technology.
  • People who move some or all of their data into a GraphQL API tell us it’s much easier to build new apps and prototype experiences than ever before, and we want to make that super clear to people considering the technology.We’re excited to hear any ideas you might have about how to make that pitch stronger so newcomers have all the tools they need for a great experience with GraphQL!Guides and best practices 📚One thing we’ve heard over and over again is that there isn’t enough information about how to go from zero to production with GraphQL.
  • We hope to rapidly improve this part of the site most with community input and brand new content.If you have an idea for content that is needed in the community, or are interested in writing content (and get prominent credit as an author), please let us know!I already think this page is off to a good start, with a list of difficult-to-find articles in one curated place, but it has limitless potential.Company success stories 🙌The last major part of the site is a list of articles written by companies who have adopted GraphQL in production and gotten great results.It’s inspiring to see how many people have already gotten value out of GraphQL on an organizational level, and it’s one of the main things that gives developers the confidence to push for it at their company.

It’s no secret that the Apollo community thinks GraphQL is the best thing to happen to development since sliced bread. We talk to new teams every week who have gotten huge improvements in their…
Continue reading “Introducing Explore GraphQL – Apollo GraphQL”