Our Journey Building a React Native App

  • Magento specialists, The App Store and The Play Store – three things rarely spoken about in the same sentence – – Then an existing client of ours, one that’s been having month on month growth from an existing Mobile-friendly website we built for them, approached us with a new request:…
  • React Native is a platform that allows Javascript developers to create Apps for both iOS and Android, all from the same Codebase.
  • There are other solutions out there than achieve similar results, but some of the reasons for choosing React Native were as follows: – – So we had the answer now, yes – JavaScript developers can produce an application that will run run on both iOS and android (thanks to react…
  • I don’t think it’s a good idea to become an Angular developer – or a React developer, you should instead strive to become an expert in JavaScript – doing so will allow you adopt new tools, libraries and frameworks as they come in and out of fashion without much work….
  • Jest – – There’s a huge amount of regular JavaScript that goes into a React Native application – especially when you’re handling side-effects away from components like we are with redux-observable.

Then an existing client of ours, one that’s been having month on month growth from an existing Mobile-friendly website we built for them, approached us with a new request: An App on both iOS and Android, capable of covering some of the offline features not currently possible on the Web.
Continue reading “Our Journey Building a React Native App”

Kicking off the first day of a full-week React Native training for @LexisNexisUK 👌🎉

Kicking off the first day of a full-week  React Native training for @LexisNexisUK 👌🎉

  • Learned a lot!
  • Good introduction to the basics of React.
  • I see it as a very good starting point for further React development.
  • Very thorough introduction to React.
  • The presentations were very straightforward, especially with the format of the slides.

Interactive React and JavaScript workshop for public training, private company training, or conference workshops. The first workshop accompanied by an interactive web app for practical exercises.
Continue reading “Kicking off the first day of a full-week React Native training for @LexisNexisUK 👌🎉”

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”

React Native Expo from Beginner to Pro :: Also with MeteorJS

Learn React Native Expo. Over 5 hours of content. 3 fantastic apps. @expo_io

  • This course is perfect for anyone who wants to learn how to program apps easily with React Native Expo.
  • Expo is the hottest new expansion to the world of React Native programming.
  • It gives you plenty of new tools to quickly get your app started and it is incredibly easy to use.
  • Whether you have little experience with programming or you are a seasoned React Native developer looking to understand Expo, this course will help you learn a lot!

New to programming? Want to create awesome apps? This is the perfect course for you.
Continue reading “React Native Expo from Beginner to Pro :: Also with MeteorJS”

Maximizing Debuggability with Redux – LogRocket

Maximizing Debuggability with Redux  #javascript #react #logging #debugging #redux #reactjs

  • By using front end logging tools like LogRocket, developers can easily understand and fix tricky bugs in production by reviewing the actions and state changes leading up to a bug.While this information is immediately useful in any Redux app, there is a lot more we can achieve by architecting an app with logging in mind.
  • When debugging issues, we can dig into this state object to see information on in-flight requests, queryCount (if we’re polling on a query), and timings.Storing this information in Redux is critical, since it puts full context on all network activity in the Redux logs.Rolling your own data fetching “framework”If you’d prefer a simpler approach, you can roll your own data fetching “framework” by simply dispatching explicit actions when querying and receiving data from the network.For example, lets say we’re building a blogging app.
  • This would then update state appropriately to:postsQuery: { url: ‘api.blog.com/posts’, isPending: true, data: […],}This example is far from thorough, but the idea is that by being explicit with Redux actions for each part of the request lifecycle, it becomes easy to debug any potential race condition or network error.Handling other sources of non-determinismIn addition to network fetching, there are lots of other sources of non-determinism that can cause bugs.
  • For example:myWebSocket.onmessage = function (event) { store.dispatch({ type: ‘BLOG_POST_UPDATE_RECEIVED’, payload: event, } store.dispatch({ type: ‘BLOG_POST_UPDATE_RECEIVED’, payload: event, }That way, when looking at the Redux logs for an error or user-reported issue, we can see all the data that was received over the websocket and, crucially, relate it in time to other redux actions and network requests.Local StorageOften, an app needs to read from local storage when it first starts up.
  • Once you get the library set up, you’ll see a new key in your Redux store called routing with information on the current router state.In addition, react-router-redux dispatches actions like @@router/LOCATION_CHANGE when its state changes.Also of note is that using react-router-redux lets you rewind router state when time-traveling in redux-devtools, since its state its state is derived from the state in Redux.A note about local vs Redux stateI don’t want to get into the debate on local vs Redux state here, but production Redux logging does change the calculus of this decision in some cases.

In my last blog post, Redux Logging in Production, I discussed one of the most important benefits of using Redux — debuggability. By using front end logging tools like LogRocket, developers can…
Continue reading “Maximizing Debuggability with Redux – LogRocket”

Vue.js Is Good, but Is It Better Than Angular or React?

#VueJS Is Good, but is it better than #AngularJS or #ReactJS? - DZone Web Dev

  • We would like to compare these two frameworks from a developer’s perspective with a few simple how-tos for each framework.
  • Neither Vue.js is new nor less popular compared to other frameworks as per it’s lifetime.
  • Overall, Vue provides an answer to the issue of React & Angular and gives you much simpler and easier way to code.
  • Combining with some other tools It also becomes a “framework”.
  • From our last blog on ValueCoders , you already know that Vue.js is one of the top JavaScript frameworks and it is replacing Angular and React in many cases.

The greatest benefit of Vue is it’s absence of pedigree. It is fresh and has little baggage.
Continue reading “Vue.js Is Good, but Is It Better Than Angular or React?”

React is cool, deal with it – Medium

#React is cool, deal with it  #reactjs

  • We’re talking about three different files to fetch and display in a table in contrast to simply develop a “PropertyList” component and all related logic there.
  • If you were developing following MVC pattern you would first implement a Model which would represent the property and implement any related activity of API communication in that layer, add a route to a controller which would fetch the model and pass it to the view.
  • React is hard to learn, we’re all used to seeing javascript and html in different files, we’re all used to MVC and it lacks much functionality so you need to add some different things to handle routing, api calls, jsx support, etc..
  • Everybody knows how crazy javascript world has been lately releasing new tools faster than you can learn them, there’s one tool, React that markets itself as the V in MVC ( or at least it used to ) that slowly started to take over front-end development still i read about many people complaining with wrong arguments about why they don’t like it so i decided to talk about what is it that is so great about react.
  • With react you don’t write HTML, they implemented JSX which is a processor that lets you add xml style tags in javascript so instead of having a separate file for your scripts you write both the logic and the content in a single file.

Everybody knows how crazy javascript world has been lately releasing new tools faster than you can learn them, there’s one tool, React that…
Continue reading “React is cool, deal with it – Medium”