Excited to partner up with to deliver @ReactJS Advanced Workshop including HOCs, #Redux and…

  • 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 “Excited to partner up with to deliver @ReactJS Advanced Workshop including HOCs, #Redux and…”

The Road to learn React [React.js Book]

  • Muhammad Kashif: “The Road to Learn React is a unique book that I recommend to any student or professional interested in learning react basics to advanced level.
  • Andre Vargas: “The Road to Learn React by Robin Wieruch is such an awesome book!
  • All JavaScript ES6 features, that I describe on the journey to learn React, will transition from ES5 to ES6 in the book.
  • The book does not only teach React, but also all useful JavaScript ES6 features for React.
  • The book is open source and should enable everyone to learn React.

The Road to learn React book is your way to learn React.js by building a real world application. It’s a huge tutorial where you will learn all the fundamentals in plain React before you dive into more advanced topics in React with Redux. Along the way, you will learn everything about JavaScript ES6 …
Continue reading “The Road to learn React [React.js Book]”

A visual guide to React Native Performance: Issues and resolving Insights

A visual guide to #reactnative Performance: Issues and resolving Insights

  • A visual guide to React Native Performance: Issues and resolving InsightsFor anyone who is coming from Cordava/Ionic development background, React Native would blow your mind with its easy code sharing, UI advantages, and faster time to market.React Native not only decreases the burden of engineering(as Java/Objective is hard to master),…
  • It is no surprise that Garbage collector does it job, but, due to a bridge between the Native and React Native realm, most components go unnoticed.Credit: GithubEven simpler utility applications such as a hybrid camera app we tested was found to be leaking huge memory.Memory leaks are usually common with…
  • In the screenshot above, you can see that the app size was increased 4x times when it was built using React native.Note: Both of them had exactly the same features, still app size was 4x more in React native.App size drastically impacts — how an application renders its UI components, and allocate the…
  • Read here to see app navigation performance issues with react native and how you can improve them.Infinite scrolling in React NativeMediumLiterally!
  • With best practices, and some lesser known optimisation techniques, you can improve the performance.Aside from what we discussed above, there are so many other performance bottlenecks that you must know before deploying your application.If I had to list few other common issues, they would be:Animating images for different UI viewLack…

For anyone who is coming from Cordava/Ionic development background, React Native would blow your mind with its easy code sharing, UI advantages, and faster time to market. React Native not only…
Continue reading “A visual guide to React Native Performance: Issues and resolving Insights”

Clean Code vs. Dirty Code: React Best Practices

Clean code vs. dirty code: React best practices  #ReactJS

  • This article will focus on clean code practices as they apply to modern React software development.
  • Many React developers rely on Jest for a zero-configuration test runner and to produce code coverage reports.
  • And don’t discount the “rewrite factor” and time spent fixing comments from code reviews.
  • The advantage of letting React set your prop defaults, however, is that it produces more efficient code, defaults props in a based lifecycle component, as well as allows your default values to be checked against .
  • For example, the following component is ripe for converting to an SFC. – – The clean version clears a lot of the screen clutter of the dirty version.

Clean code is a consistent style of programming that makes your code easier to write, read, and maintain. Discover how to make your React code cleaner using easy-to-follow examples.
Continue reading “Clean Code vs. Dirty Code: React Best Practices”

Clean Code vs. Dirty Code: React Best Practices

Clean #Code vs. Dirty Code: #ReactJS Best Practices:  by @donavon #JavaScript

  • This article will focus on clean code practices as they apply to modern React software development.
  • Many React developers rely on Jest for a zero-configuration test runner and to produce code coverage reports.
  • And don’t discount the “rewrite factor” and time spent fixing comments from code reviews.
  • The advantage of letting React set your prop defaults, however, is that it produces more efficient code, defaults props in a based lifecycle component, as well as allows your default values to be checked against .
  • For example, the following component is ripe for converting to an SFC. – – The clean version clears a lot of the screen clutter of the dirty version.

Clean code is a consistent style of programming that makes your code easier to write, read, and maintain. Discover how to make your React code cleaner using easy-to-follow examples.
Continue reading “Clean Code vs. Dirty Code: React Best Practices”

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 👌🎉”

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”