What’s New in React Native 0.63?

What’s New in React Native 0.63?

React Native 0.63 is released with redesigned LogBox, new features and other improvements that are really exciting. LogBox is a completely redesigned redbox, yellowbox and logging experience in React Native.

Find out what’s new and what’s exciting in React Native 0.63 release.

React Native 0.63 was released with redesigned LogBox, new Pressable component, native colors and other improvements, let’s talk about each in-depth.

1. LogBox

LogBox is a completely redesigned redbox, yellowbox and logging experience in React Native.

It has been introduced into React Native 0.62.0 and you can enable it by adding following code in the index.js file.

require('react-native').unstable_enableLogBox()

LogBox is turned on by default in this release with following features:

Log notifications:

The newly redesigned warning and error notifications are more intuitive. So, all console.warn(''); and console.log(''); messages show up as notifications instead of covering the full screen in the app.

Image for post

console.warn(‘This is warning…’);

Code Frames:

Error and warning now include a code frame that shows the source code inside the app to quickly identify the issues in source code and fix it faster.

Component Stacks:

All component stacks are now fetched from error messages and put with their own section with the top three frames visible.

Stack Frame Collapsing:

We can collapse call stack frames not related to the application’s code so we can quickly see the issue in app.

Syntax Error Formatting:

Improved the formatting for syntax errors and added code frames with syntax highlighting so we can see the source of the error, fix it.

YellowBox is now deprecated and replaced with LogBox APIs:

  • LogBox.ignoreLogs(): replaces YellowBox.ignoreLogs([]) to silence any logs that match the given strings or regexes.
  • LogBox.ignoreAllLogs(): replaces console.disableYellowBox to turn off error or warning notifications.

react-native mobile-apps programming dveloper

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.