Latest
By following along this blog post, you will learn how to build a social media type application with TypeScript, Expo and particularly the Expo Router package. We will be starting from a boilerplate provided by expo as a quick starting point before going on to introduce Expo Router’s file based routing. Then we will look into adding a nested tab navigator and finally see how this package automatically enables deeplinking to all routes.
ReactJS library is one of the most popular solutions to build great web applications, but it’s not the only one. There are libraries similar to each other in terms of problems they are trying to solve and there are libraries trying to solve a specific problem. After reading this article you’ll get a better understanding of ReactJS and how to answer interview questions properly.
Today I’ll share a little bit of the knowledge I gained through one of Innovative Research Technologies' projects and teach you to get up and running with this toolset.
The first step is acknowledging that you won’t ever be able to know everything. So set your sights a little lower and focus on knowing just enough to be dangerous. That is, you should be able to hold a conversation about a new technology, and more importantly, identify when it may be appropriate to start learning more about it in earnest.
What’s the most elegant way to manage configuration in a React Native app? Well, there may be many legit approaches but here’s one I like.
What is React portal? From the definition in the React docs, portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. Before we try to understand why we need React portal, let us review how React renders a component.
Remote Work
A couple of months ago, I was hunting for a new job. I found myself going through lots of interviews and stressing a lot over preparing for them.
Stop wondering what it takes to be effective at remote work and find out with these tips and tricks from the pros at G2i.
Answer front-end technical interviews with confidence. Here's how to help frontend / react engineers prepare with mock interviews.
React Native
By following along this blog post, you will learn how to build a social media type application with TypeScript, Expo and particularly the Expo Router package. We will be starting from a boilerplate provided by expo as a quick starting point before going on to introduce Expo Router’s file based routing. Then we will look into adding a nested tab navigator and finally see how this package automatically enables deeplinking to all routes.
Today I’ll share a little bit of the knowledge I gained through one of Innovative Research Technologies' projects and teach you to get up and running with this toolset.
What’s the most elegant way to manage configuration in a React Native app? Well, there may be many legit approaches but here’s one I like.
As explained on part one of this post "The Current State of Debugging on React Native - Part One: EXPO", Turbo Modules changed expectations on how we can debug the running JavaScript code, disallowing the ability to debug remotely, it now requires the debug instance to connect to the JavaScript running on device.
Turbo modules broke remote debugging for React Native on all JavaScript. Until now you might have not been impacted by this if you don't use a native module that leverages Turbo Module's JSI features like react-native-reanimated. Moving forward with the new Fabric architecture everyone will be impacted.
Although React and React Native share the same core principles, what’s behind them couldn’t be more different. Before we get into React vs. React Native let's take a look at how and why we ended up with React in the first place.
We've created a decision matrix so you can analyze whether Flutter or React Native is a better fit for you.
In this article, you will learn further differences between Flutter and React Native. We will take a look at the framework level how they differ aesthetically.
Learn the fundamental differences between Flutter and React Native, plus get a clear guide on which to pick based on your scenario.
How G2i developers partner with Left Field Labs to fill shifting JavaScript developer needs.
This Slack transcription is a deep dive into how to optimize the initial render of React Native's Flat List when it is the parent of many other smart child components.
Debug like a detective. This article sums up how React Native works and the App's Runtime Overview Performance Using Hermes.
If you're looking to hire a React Native developer, here are both the hard and soft skills you should be looking for.
In order to simplify dependency management, code reuse, and collaboration across teams, many projects have sought out to use the Monorepo structure.
Another use case of You.i Engine that is leveraging component reusability on any form factor (mobile, tablet, or TV).
Learn how we were approached to help build a streaming video app and delivered a high-quality cross-platform video player using React Native
Digging down deep to talk about the best features and advanced techniques of Focus Management with React Native.
Gatsby, Contentful, Netlify work well together and provide a great alternative to traditional CMS; we call them a triple threat.
React Native Basics: A complete glossary of React Native and architecture terms to help you stay in the know for when developers throw a lot of terms at you.
Guillermo Velasquez is a React Native Consultant at G2i. Read about his experiences working with our Engine over Vanilla React Native.
Brazil is home to React's largest conference in Latin America. Main takeaways from the 2018 edition.
Head to head comparison between JavaScript and ReasonML. Explore the differences and similarities used in JavaScript and ReasonML.
Ultimate step-by-step guide on how to build a Bluetooth App with React Native and Expo by Lead Front-End Engineer Adrian Carolli.
A case study on how OpenInvest and G2i partnered to accelerate mobile development with React Native.
A detailed article on leveraging ReasonML’s powerful variant types to create a React wrapper to handle React Native gestures.
React Native Tutorial: Explore and learn how to build a component list inside your app which you can access through your dev menu.
Recap of ReasonConf, a conference for web-developers & OCaml enthusiasts, where we learned about using React Native, ReasonReact, GraphQL and more.
Android App Developer's journey. A Recap of our 4-week journey to a React Native Android app for Beek.io using GraphQL API
Depure como um detetive. Este artigo resume como o React Native funciona e da uma visão geral da performance do tempo de execução (Runtime) do applicativo usando Hermes.
Over the years, we’ve evaluated thousands of React Native developers, carefully honing our interview skills and constantly improving our vetting process by asking the right questions.
Case Studies
React
ReactJS library is one of the most popular solutions to build great web applications, but it’s not the only one. There are libraries similar to each other in terms of problems they are trying to solve and there are libraries trying to solve a specific problem. After reading this article you’ll get a better understanding of ReactJS and how to answer interview questions properly.
What is React portal? From the definition in the React docs, portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. Before we try to understand why we need React portal, let us review how React renders a component.
What did you miss at the first-ever React Miami? Specialists in Web3 took the stage to divulge information about this growing technology.
What did you miss at the first-ever React Miami? Level up your design, branding, and marketing prowess with these talks from React Miami speakers.
Most React developers might have seen this error before.
Although React and React Native share the same core principles, what’s behind them couldn’t be more different. Before we get into React vs. React Native let's take a look at how and why we ended up with React in the first place.
Hiring is risky, so obviously we can’t pick a developer at random. You have to talk to them and test their knowledge to mitigate the risk of hiring someone that isn’t a good fit for the position.
By using React Fragments you can unify child nodes without applying a wrapper DOM element to the component.
React introduces a component model to compose your UI. There are a couple of ways of rendering a component/JSX.
How G2i developers partner with Left Field Labs to fill shifting JavaScript developer needs.
React Native Tutorial: Learn why you should consider going severless! Find out how you can build a React app using Next.js and deploy it with ZEIT.
A deep dive into using React Native with the goal of achieving a scalable and maintainable codebase, including data colocation and separation of concerns.
Programming is part art and part science. How does story telling with your code fit into this dichotomy?
Gatsby, Contentful, Netlify work well together and provide a great alternative to traditional CMS; we call them a triple threat.
An article about React Navigation 3.2 Back Behaviours for Tab Navigators by a React Native Developer, Sébastien Lorber. Hear more from our expert.
Guillermo Velasquez is a React Native Consultant at G2i. Read about his experiences working with our Engine over Vanilla React Native.
Brazil is home to React's largest conference in Latin America. Main takeaways from the 2018 edition.
Head to head comparison between JavaScript and ReasonML. Explore the differences and similarities used in JavaScript and ReasonML.
With the advent of ES6 and Class fields we can now write shorter components and without the need of worrying with the this keyword bind.
G2i developers partner with Lattice development team for ten weeks to create Lattice's mobile application.
React Native Tutorial: Explore and learn how to build a component list inside your app which you can access through your dev menu.
Recap of ReasonConf, a conference for web-developers & OCaml enthusiasts, where we learned about using React Native, ReasonReact, GraphQL and more.
Android App Developer's journey. A Recap of our 4-week journey to a React Native Android app for Beek.io using GraphQL API
Tech Research
A look into the evolution of React and Strongly Typed Languages.
.svg){kind=small}
.svg){kind=small}
