Mike Grabowski: Compared to its alternatives, React is what makes React Native shine

.@grabbou: Compared to its alternatives, #ReactJS is what makes React Native shine

  • We have special weekly meetings of every open source project team which makes it easy to join any time.
  • We plan to make it public at some point, so that it’s not only transparent for folks what we are up to, but also easy to join and help us deliver for better tomorrow.Does the focus on modern technology stack help Callstack acquire more clients?It is just one of the…
  • What they are looking for is to solve specific problems that they have, and right now, the best answer to this problem is: Use React Native.What’s the best use case for choosing React Native over fully native applications?If you have an app that’s already written in React and looking into…
  • There are hundreds of other, perfectly legitimate use cases, to go with React Native.Have you experienced React license issues bothering your clients?No.What do you think is the future web and mobile development?That really depends on vendors.
  • I am paying attention to the way Kotlin evolves on other platforms as well as Flutter, that unlike React Native, uses its own rendering engine and compiles ahead of time.Are you excited about speaking at React Day Berlin?Yeah, totally!

Because Mike is going to speak about animation in React Native at React Day Berlin on December 2, we asked him a couple of questions about his experience with the technology and his current position…
Continue reading “Mike Grabowski: Compared to its alternatives, React is what makes React Native shine”

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”

Creating a chat web app using Express.js, React.js & Socket.io

  • Implementing Send Message functionalityLet’s go back to our Client’s Chat.js Component and add the following functionality to our button:Now let’s create this.sendMessage function:in Constructor add the following:Great.
  • You are now sending the message to the server every time you click ‘Send Message’, and then your message input is cleared so you can write another message.
  • All we have to do now is tell the server to emit the message to everyone who’s socket is connected to our server.In app.js on the server side add the following code:What we are doing here is that we are emiting the info we received from the client (author and…
  • Now all that’s left to do is to catch that emit on the client side and add the message to our messages array.Back in the Chat.js component on the client side add the folloing in the constructor:I will now post how all the files should look like:Chat.jsapp.jsThis function will catch…
  • We already implemented a messages.map functionality so now every time you add a message you should see it in your chat.

In this article I will be creating a chat web app using Express.js, React & Socket.io. I will be using Bootstrap for styling. You will see how the final files should look like in the end. We will now…
Continue reading “Creating a chat web app using Express.js, React.js & Socket.io”

React Native Beginners workshop

Do you know the React Native code conventions and tools that can accelerate development?

  • The Workshop focuses on how to build native iOS and android app using React Native such that it can easily be extended to any platform such as Windows Phone, Web, Desktop, Electron and even VR*.
  • In short, the workshop will focus on how to write/structure your React Native apps such that they share 80% of the source code (all the Business logic) across all platforms and only rewrite the view or layout layer (rest 20%) differently for different platforms.
  • We will do live setup of a single platform (iOS) React Native app and we will be adding each platform step by step extending out app to multiple platforms.
  • The talk will introduce code conventions and tools that can accelerate development with React Native.
  • The knowledge is based on the experience of working with React Native apps for around 1.5 years and helping clients launch their apps quicker than ever before.

Learn how to build native iOS and android app using React Native such that it can easily be extended to any platform such as Windows Phone, Web, Desktop, Electron and even VR*.
Continue reading “React Native Beginners workshop”

A Modern Cross-Platform approach to µServices in .NET — Pelotech

A Modern Cross-Platform Approach to µServices in .NET

  • 😉 – – Recently I moved the NYC from Seattle and although I love both cities it’s definitely been a different experience meeting people.
  • For example I was surprised to see that for the most part everything in these posts works the same in Windows, Linux, and macOS.
  • After a wonderful chat about people stuck in their ways and how you could bring modern style development and ops to people that are used to a stack that doesn’t really promote that, I wondered if it would be possible to get a quick micro style service running on docker…
  • The idea is that we’ll have a simple C# REST service where we can store and retrieve information about the organizations available web apps.
  • Then we’ll have a gRPC service that has information about the state of the service (things like online, offline, etc).

How did I come about to try this out? TLDR: This implementation came out of a conversation about modernizing a .NET shop to make use of modern micro-service paradigms. 😉
Continue reading “A Modern Cross-Platform approach to µServices in .NET — Pelotech”

How to use React Lifecycle Methods » Andreas Reiterer

How to use #ReactJS Lifecycle Methods:  by @a_reiterer #JavaScript #Code

  • React components have several “lifecycle methods” that allow us to execute actions (e.g.: fetching data from a server) at particular times.
  • There are three particular stages in the lifecycle of a component, that are important for our lifecycle methods, which I will explain: – – When React creates an instance of a component and inserts it into the DOM (mounting), the following methods are called: – – If props or state…
  • That process is called unmounting and means that the following method is called: – – I hope I could give you a short overview of the life of a React component and the calling order of lifecycle methods.
  • Some people suggest to use it for doing some configuration of the root component that you can only do at runtime (e.g.: setting up a Firebase connection) – – Whenever this method is called, React has already rendered our component and put it into the DOM.
  • This means, it could be possible that the method returns false but React still decides to re-render the component.

Use React lifecycle methods to perform actions on mount, update and unmount of a component. Learn more about e.g. componentDidMount and when to use it
Continue reading “How to use React Lifecycle Methods » Andreas Reiterer”

Mike Grabowski: Compared to its alternatives, React is what makes React Native shine

.@Grabbou: Compared to its alternatives, #ReactJS is what makes React Native shine

  • We have special weekly meetings of every open source project team which makes it easy to join any time.
  • We plan to make it public at some point, so that it’s not only transparent for folks what we are up to, but also easy to join and help us deliver for better tomorrow.Does the focus on modern technology stack help Callstack acquire more clients?It is just one of the…
  • What they are looking for is to solve specific problems that they have, and right now, the best answer to this problem is: Use React Native.What’s the best use case for choosing React Native over fully native applications?If you have an app that’s already written in React and looking into…
  • There are hundreds of other, perfectly legitimate use cases, to go with React Native.Have you experienced React license issues bothering your clients?No.What do you think is the future web and mobile development?That really depends on vendors.
  • I am paying attention to the way Kotlin evolves on other platforms as well as Flutter, that unlike React Native, uses its own rendering engine and compiles ahead of time.Are you excited about speaking at React Day Berlin?Yeah, totally!

Because Mike is going to speak about animation in React Native at React Day Berlin on December 2, we asked him a couple of questions about his experience with the technology and his current position…
Continue reading “Mike Grabowski: Compared to its alternatives, React is what makes React Native shine”