How to downgrade react native version while creating project, not after - reactjs

previously we were using react native ver 0.59.0 and somehow it's upgraded to ver 0.60.3. As we know that their many major changes in this version, so now with the latest versions we are facing many issues in the development. So are there any ways to downgrade it to ver 0.59.0 again.
So please suggest us anyway to do the same.
Thanks in advance.

You can specify which React Native version to use when creating the project through the CLI by passing the version flag:
react-native init newproject --version react-native#0.59.0

Related

Using ThreeJS with React v16

I am trying to render 3D files in my react project. I am using ThreeJS for my react project of version 16.13.1. After installing #react-three/fiber & #react-three/drei these packages, I am getting error of Module not found: Can't resolve 'react-dom/client'. After searching solution for this I get to know that for these we have to upgrade React version to 17 or above. I did it in demo project & it worked. But the restriction is that I can not update actual project version from 16 to 18 as it will change or break so many things as well as I have to take care of other dependencies. Is there any solution available for using ThreeJS with React v16.
Or if there is any other way or different packages available to render 3D files (like .glb, .gltf) please share with me.
Thank you in advance.
How to find a version of a library that supports particular version of react?
Google <library-name> npm
Go to npm page
Go to repository (usually github)
Open package.json
Check version of react; if it's matching your version go to 7.
Change tag to some previous version; go to 5.
#react-three/fiber & #react-three/drei for react 16.13.1
These two should work:
#react-three/fiber 4.2.21
#react-three/drei 3.2.0
npm install #react-three/fiber#4.2.21 #react-three/drei#3.2.0
Disclaimer
You can never know if the packages work without trying. Many things changes and bug fixes only apply to the newest versions.
I found one package react-3d-viewer to render 3D files which perfectly work for me.
Google model viewer also works and it comes with variety of props which is good for customization of rendered 3D model.
https://github.com/dwqdaiwenqi/react-3d-viewer
https://modelviewer.dev/docs/index.html

Is there any way to install latest reactJs app on windos7

I am new to React. Although I am studying the react, I am not too clear about the concept react and react-native.
When trying to install react native app I am getting an error:
Command: npx expo-cli init reactapp
ERROR: Node.js v13.14.0 is no longer supported.
expo-cli supports following Node.js versions:
=12.13.0 <15.0.0 (Maintenance LTS)
=16.0.0 <17.0.0 (Active LTS)
When tried to install the latest version I am not able to get that on windows7 can anyone let me know if there's any way to install the latest React version on my OS? Please don't suggest changing the OS. I cant do that.
Your problem is not related to Windows7, it is related to your version of NodeJS (the back-end server-side environment that works with ReactJS). First you install Node, then you install React -- Node is required for React development.
Upgrade your version of NodeJS and all should work.
For your other question:
ReactJS is the programming library (kind of like a framework) for writing React apps. ReactNative (poorly named) is a specialized version of React that is specifically for writing mobile (phone) applications.
You can review this link to see how to install a specific version of NodeJS:
https://www.geeksforgeeks.org/how-to-install-the-previous-version-of-node-js-and-npm/
Here is information re the latest versions of Node that works with Windows7:
NodeJS for windows 7
Check your node version by node -v and if it is older than 12.13.0, try upgrading it to the latest LTS version. hope this resolves your problem.

Install Next with older version of React in it

I'm a beginner and I'm starting a new project with Next.js, but I need to install the 17.0.2 version of React (or any that is below 18) since Material UI does not work very well with the latest version of React.
I tried a lot of commands and searches to find a way to start a new project with a certain version of React or give it a downgrade correctly.
Currently I'm using Yarn.

Issue installing react-reveal

I am new to react and I am even newer to typescript. I am working on this project right now and I need to use this specific git repository which is a typescript project. I want to add react-reveal so I can have some cool animations on my website but I get this error message.
I am not sure why this specific library is not working because I have installed other librarys like reactstrap. If anyone could give me any information on how to get this to work or why this isn't working it would be much appreciated!
React-reveal doesn't seem to be actively maintained as it was last updated on August 2018.
Based on the error you received it looks that there is a library that is explicitly configured to only work with React v15 or v16. You could use a slightly older version of React that works with react-reveal. You're using React 17.0.2. You could try using React v16.14.0.
You could also follow the instructions in the error message - using the force option. Here is a link(npm: When to use `--force` and `--legacy-peer-deps`) that describes how that works.
A better way to go is search for a more popular actively maintained alternative like react-spring(https://react-spring.io/) or react-awesome-reveal(https://www.npmjs.com/package/react-awesome-reveal).
I found the problem, you must put this command in the terminal => npm config set legacy-peer-deps true

Can i update my monorepo nx workspace without upgrading angular version?

Want to move from nx 10 workspace to 12 without moving away from angular 10.
nx migrate latest however upgrade also upgrade angular by default.
I searched https://nx.dev/previous/angular/core-concepts/updating-nx.
Nothing specific mentioned here.
Can someone please let me know if it is possible and if yes then could you provide the steps.
Yes, you can update your nx monorepo without upgrading Angular with the next command:
nx migrate latest --to="#nrwl/angular#13.10.6"
Change 13.10.6 with the current version of that package. The side-effect is you can't use the Schematics this package provides.
Restore typescript package to the lastest version compatible with you Angular version
You can use:
nx migrate #nrwl/workspace --to="angular/whatever#10.0.0,angular/other#10.0.0"

Resources