I am quite new to NextJS and I were developing apps using React and Django before. So please correct me if I am miss understanding some points. I have some questions about NextJS, however I searched a lot but couldn't find my clear answers and they confused me.
1- Is NextJS really suitable for backend? I searched about this; there are two answers (yes it is full-stack/No, better to use other backend specific frameworks)
2- Doesn't using MUI/ChakraUI breaks the NextJS concept? because when the site is based on MUI every component is a client component right? So, what ever I am going to show the user is a client component that it becomes something like pure react.
Related
as I'm new to developing Sharepoint online using ReactJS, I have been trying to look ways to use react components in Sharepoint online as the same as normal ReactJS websites. I mean, If I want to create another component that makes it easy to maintain instead of writing the whole logics, codes... inside just one file. So If there's anyone experienced in Sharepoint online with React please give me an example ^^ Thank you!
I've been scouring the web and I've found several posts that almost seem to address my issue, but none that I've found seem to get it quite right. I'm developing an app in Expo using the managed workflow, and all I want is a simple input component that will suggest/autocomplete names of cities/towns as the user types. The Google Places API has their Place Autocomplete, and the AutocompleteServices class seems to be a way to handle this without a prebuild UI component (as their components expect basic HTML elements).
The trouble is: The only way to import this library seems to be with a <script> tag, and it's my understanding (please current my if I'm wrong because I am comploetely new to mobile development), that you can't simply put an HTML script tag on a "page" in React Native/Expo.
I've been looking into solutions via NPM packages, but the best solution I've found - "react-native-google-places-autocomplete" - uses the Autocomplete query request instead of the basic request. The problem here is that the query form of the request doesn't allow you to filter by place type. (I need to list only cities/towns, which can only be done with the bbasic Autocomplete request, as far as I can tell).
So, basically, all I want is access to the library so I can build what I need myself, but every instruction I've found for importing it assumes you can use a <script> tag in an HTML document.
I thought what I wanted to do was simple, but apparently not? Is there something I'm overlooking (i.e. no one has mentioned it because it's so simple)? Should I just go use GeoDB instead? (I'd really like to use Google Maps if possible, as the app will need more complex location-based functionality later down the road).
Any tips would be greatly appreciated!
I have an app that I would like to serve to Github Pages, It's nothing special just an API fetch APP that displays some data. However, I didn't use create-react-app, I built it from the ground up.
I've been interested in displaying it to some of my friends to help them with their coding and to actually use something that was built, however I've never tackled this problem and wanted to know if it was even possible
Once i tried to create a react native application, but I find it vey hard and not suitable for my needs.
Then i immigrate to react, i kind of begginner in web programming and I remember in react native was a term called 'navigation' and alot of libraries that gives you ability to navigate between screens in alot different ways, stack navigator and etc...
Now i came to react and I started to work with material-ui, but I cant find anything about navigation its seems everything with navigation is related to react native (and I dont sure i can use it in react, at least i didnt find any refrence to that)
Maybe there is another term for navigation in react applications? I saw react-router-dom videos but I dont want to play with the url, its going to be phonegap application using react with webpack...
Any directions for libraries or things i need to read and learn?
Im sorry if this question is very basic, Thanks alot!
You could try the StaticRouter in React Router. https://reacttraining.com/react-router/core/api/StaticRouter
It can load different components based on the path, but won't change the URL. It's usually used for Server-side Rendering.
Although I suspect what you'd really like is to use routerHistory in React Router. Take a look at this example, https://stackoverflow.com/a/42716055/1248811.
react-native targeting mobile app while reactJS targeting Web. They are similar but not the same.
i kind of begginner in web programming and I remember in react native was a term called 'navigation'
Web programming has nothing to do with react native, react native has nothing to do with browser nor web.
I saw react-router-dom videos but I dont want to play with the url,
Sounded like you wanted to visit www.facebook.com, in a browser, without using url? No it's not how it works. Browser will need a URL to render any webpages that you wished.
I am trying build a web scraping app using Reactjs.
I used nightmare.js in normal JS and I did get the desired output. But when I tried adding in a button and creating functions it did not work well.
I now thought of going straight with ReactJS because that is what I want to end up doing eventually.
Can someone give a tiny example code of using nightmare.js or Casper.js inside ReactJS in the jsx format or any TIPS or Pointers. I know this may sound silly or simple, appreciate any help. I basically want it to kick in when I run node server.js. I can later add in buttons , css , etc .
React tends to be used for more presentational purposes i.e. displaying the data you have scraped and not the actual scraping.
If you are going to use javascript for scraping I would suggest using your node backend to do this (assuming you are using node).
Create a route that your React app can call and let your backend code do the work. Take a look at this tutorial, it's a couple of years old but should point you in the right direction.
https://scotch.io/tutorials/scraping-the-web-with-node-js