⚛️ 🚀 Introducing React-Static — A progressive static-site framework for React!

  • How well that static site performs and how easily you can build that site is another story.ProsVery easy to get startedWell documentedConsSubpar developer experience for static functionality no hot-reloadingLarge per-page JS bundles, resulting in a lot of unnecessary duplicate code being downloaded.Difficult root component customizationDestructive routing.
  • We also knew that we needed to ditch built-in proprietary connectors ASAP; being able to get your data from anywhere is important, but the ability to use and access that data in your site is paramount.Most importantly, we needed a tool that would allow us to build things like an…
  • It’s insanely fast, touts fantastic SEO capabilities, and is probably the most React-friendly static-site library on the internet.Let’s get to it.How does it work?react-static starts by exporting a single JS bundle, which includes every template for your entire site.
  • To connect a component to this data, you use a convenient HOC called getRouteProps.The HTML files generated by react-static ensure that pages load instantly and are optimized for SEO.Once the page is loaded, your site invisibly and instantly transitions to your react app.At this point, navigating around your app will…
  • You’ve worked hard enough producing and organizing all of the data for your website, so the last thing you need is some superfluous GraphQL layer or custom component lifecycle lodging itself between your data and your pages.

At Nozzle.io, we take SEO, site performance, and user/developer experience very seriously. Over the last year, we’ve launched many sites using different static site tools that claim to solve these…
Continue reading “⚛️ 🚀 Introducing React-Static — A progressive static-site framework for React!”

Flutter makes it easy and fast to build beautiful mobile apps.

  • Easily compose your UI with Flutter’s modern reactive framework and rich set of platform, layout, and foundation widgets.
  • class CounterState extends State { int counter = 0; void increment() { // Tells the Flutter framework that state has changed, // so the framework can run build() and update the display.
  • // The Flutter framework has been optimized to make rerunning // build methods fast, so that you can just rebuild anything that // needs updating rather than having to individually change // instances of widgets.
  • Flutter lets you reuse your existing Java, Swift, and ObjC code, and access native features and SDKs on iOS and Android.
  • ; } setState(() { _batteryLevel = batteryLevel; }); } Learn how to use packages, or write platform channels, to access native code, APIs, and SDKs.


Refresh times so fast, you can “paint” your app to life
on hardware, emulators, and simulators.

Continue reading “Flutter makes it easy and fast to build beautiful mobile apps.”

Ch 10 “React Native” is new to React in Action @ManningBooks @MarkTheThomas #react

Ch 10

  • React is an open source JavaScript framework that lets you quickly create user interfaces for web applications.
  • It also utilizes a component-focused design, so you can build large, robust web applications that scale well with users and developers.
  • Reasoning about an interface or application written with React ends up being much easier because it decreases overall complexity for developers working with it.
  • Large and small companies alike are using React for highly-visible, high-impact applications including Facebook.com, Netflix.com, and Airbnb.com.
  • “An up-to-date and very comprehensive book on React, not only limited to React itself but also discusses how it can be integrated with other tools and frameworks.”

React is an open source JavaScript framework that lets you quickly create user interfaces for web applications. This highly-performant tool implements a one-way data flow model, which means communication is much more top-down than side-to- side. It also utilizes a component-focused design, so you can build large, robust web applications that scale well with users and developers. Reasoning about an interface or application written with React ends up being much easier because it decreases overall complexity for developers working with it. Large and small companies alike are using React for highly-visible, high-impact applications including Facebook.com, Netflix.com, and Airbnb.com.
Continue reading “Ch 10 “React Native” is new to React in Action @ManningBooks @MarkTheThomas #react”

10 Amazing Apps that are Built using React Native

10 amazing #mobileapps that are built using #ReactNative.

  • Before team Bloomberg adopted React Native for their mobile app development, they had to spend significant time in developing and updating the versions of iOS and Android app individually.
  • Although React Native covers a small part of this app, it adds a significant experience for the users in terms of UI and UX.
  • Their iOS and Android apps share 98% of the code, which is an amazing example of how React Native can help in cross-platform app development.
  • The examples shared above elucidates that React Native has got potential for mobile app development, with any scale, any idea, with any type of content.
  • If you too have an app idea that this amazing technology can do justice to, check out more about our React Native development services.

React Native use modern web techniques for mobile app development. Here is a list of 10 amazing apps that are built using React Native technology.
Continue reading “10 Amazing Apps that are Built using React Native”

#React in Action teaches you to use the #reactjs framework #JavaScript @MarkTheThomas

#React in Action teaches you to use the #reactjs framework  #JavaScript @MarkTheThomas

  • Reasoning about an interface or application written with React ends up being much easier because it decreases overall complexity for developers working with it.
  • Large and small companies alike are using React for highly-visible, high-impact applications including Facebook.com, Netflix.com, and Airbnb.com.
  • React in Action introduces front-end developers to the React framework and related tools.
  • In the second section, you’ll explore the different ways that data works in React as well as learning more about components.
  • In the last section, you’ll explore React application architecture with Redux, server-side rendering, and even dabble in React Native.

React is an open source JavaScript framework that lets you quickly create user interfaces for web applications. This highly-performant tool implements a one-way data flow model, which means communication is much more top-down than side-to- side. It also utilizes a component-focused design, so you can build large, robust web applications that scale well with users and developers. Reasoning about an interface or application written with React ends up being much easier because it decreases overall complexity for developers working with it. Large and small companies alike are using React for highly-visible, high-impact applications including Facebook.com, Netflix.com, and Airbnb.com.
Continue reading “#React in Action teaches you to use the #reactjs framework #JavaScript @MarkTheThomas”

I made a 🍕 pizza builder app using @expo_io and @reactjs for the @reactriot hackathon …

  • Pizza Fam is an iOS app built with Expo that lets users create their own pizza recipes before placing an order.
  • The app provides an interactive experience by dragging and dropping ingredients on top of the pizza base.
  • Make sure you run the app on an iOS device.
  • The app is not built for Android other than making sure at least the navigation works between screens.
  • If everything worked well you should have an experience similar to the one you can see in the gif I attached.

React Riot is a 48-hour hackathon featuring ReactJS. It’s an online, virtual competition with contestants worldwide.
Continue reading “I made a 🍕 pizza builder app using @expo_io and @reactjs for the @reactriot hackathon …”