How to set up React Native version 0.77 🚀 CLI (Get Started Without a Framework) breakdown. 🛠️

Let’s learn something we already know 📚; this blog is just for copy-pasting ✂️.

Yes! Yes! I know the image quality is not that much of good but ignore it.

let’s start with 0.77

Breaking news: console.log() has been Removed

Yes, they removed it from the metro so from 0.77 console.log()will not stream in Metro

hold on wait a minute! it’s not totally removed, it’s now moved to React Native dev tool this tool was introduced in 0.76 now react native has it’s own dev tool, and you are able to see consoles.

that’s all for now about DevTools, the detailed blog will be posted after this one,

so the new change that also happened is React Native Team has prioritized the Expo, so you would be seeing the Expo installation link, that’s why you find this blog right!

Installation Steps

1. you can go ahead and do the environment setup with official doc
   : https://reactnative.dev/docs/set-up-your-environment
2. Install React Native CLI:

npx @react-native-community/cli@latest init AwesomeProject

and for installing tamplates for eg: typescript

# This will initialize new project using template from `react-native-template-typescript` package
npx react-native@latest init ProjectName --template ${TEMPLATE_NAME}

npx react-native@latest init ProjectName --template react-native-template-typescript

# This will initialize new project using init command from react-native@VERSION but will use a custom template
npx react-native@${VERSION} init ProjectName --template ${TEMPLATE_NAME}

Done Blog is End only these two link

wait but maybe you will face some issues I’m Highlighting Two issues and their Fixes here, and in the meantime, if you face any other issue you can reach out to me okay!

1) If your pod install Command failed in the middle!

it’s likely due to the XCode setup, if your pod install is running means you have already installed cocoapods if not then

brew install cocoapods

Now check if Xcode is installed:

xcode-select -p

This should return something like /Applications/Xcode.app/Contents/Developer.
If it returns an error, you might need to install or reconfigure Xcode.If not then

Set Xcode as the Active Developer Directory

You need to point to the full Xcode installation rather than just the Command Line Tools. To do this, run the following command:

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

This will set Xcode as the active developer directory.

Verify Xcode Installation

After running the command, check if Xcode is properly installed and selected:

xcodebuild -version

This should now show the version of Xcode installed on your machine.

This will fix the Configuration issues.

2) Metro not running after the first setup

maybe you will face this issue
node:events:485 throw er; // Unhandled ‘error’ event

To fix this

Remove node_modules:

rm -rf node_modules

Then clear the npm cache:

npm cache clean - force

Reinstall the dependencies:

npm install

After that, try starting the Metro server again:

npx react-native start

This should be able to fix the issue.

hope this article is useful for you!🙂🙂

If you enjoyed this article, share it with your friends and colleagues!😇