I'm pretty new to react and building out a little prototype using Firebase as a backend. One of the primary functionalities involves a user writing a post in an editor, which is saved to firebase. On submit in the editor, I am trying to create a new standalone page for the post with the firebase uid as the ending part of the new unique URL.
The problem I'm having is figuring out a way to create the new page on submit. I haven't been able to find any documentation for a similar problem like this specific to react or firebase, and was just wondering on a high-level what a good approach to executing this might be? Thanks
The newly launched Firebase Hosting + Cloud Functions integration can help here. The first bullet point in the documentation looks like it describes your use case exactly.
You also mentioned React. There is a handy sample project showing how to implement an isomorphic React app with Firebase.
Related
I have a complex requirement, where we have an asp.net webforms site we want to try and upgrade in a step by step way. We are considering using React (frontend, with asp.net core backend) for this purpose. The website has an iframe in the centre, and we want to try and replace the old content with the new completely separately hosted React content. This needs to occur after clicking a link on the asp.net webforms page.
I managed to create a ‘Create React app’ website prototype and it was simple to load it into the iframe by linking directly to the React website. I came unstuck when I wanted to try and add an authentication token into the header (oauth2 with openid connect for use with IdentityServer). The only way I could see to do this was to try using javascript to add the header by making an XMLHttpRequest object (or I tried also using the Fetch API) and this partially worked but not everything was correctly loaded.
I see for example an answer here How to embed React App into another website which I assume is the best way to add the website into an iframe.
So, I can’t find much on the internet about dealing with authentication… I guess because asp.net webforms are so old by now, but I assume others have wanted to do something similar before. The question I have, is what would be considered to be the best way to do this? I don’t know if I’m going in completely the wrong direction.
I have an app idea which I want to create a working product of. I do have a working demo with React Native and I'm using Firebase for storing documents and images. Creating documents and uploading images to Firebase Storage is all done in the app, but this is just for demo purposes. In reality you would of course want to use an API for storing all that data. At least, I thought so. All I see on the internet is people using Firebase directly in their app. Is this the correct way of doing it? I always learned you should use a backend, for example a REST API for safely handling data.
Is it safe and secure to 'just' use React Native? I want to handle payments in my app, so I really want it to be done securely.
So what's an example of a stack I could use?
Currently using React Native and Firebase. But for safety I'd imagine something like
React Native - frontend
Node Express Server - backend
Firebase - database
I hope someone can give me a little push in the right direction.
I'm learning React and I'm trying to get an email from a simple form inside a basic React app.
I used to use PHP to acomplish that but I know is not possible to do that on Firebase.
I was looking for a solution, but I can't find it. I found some old NPM packages but nothing "easy" to use or outdated. Is there any way to process Form content and receive that content in my email account?
Thanks.
Finally, I'm using https://formsapi.jabwn.com
It is more flexible than https://formspree.io and is 100% free.
I would like to build a simple web app and learn reactjs at the same time, using vscode. The web app I'd like to build is very simple- just one form with multiple sections, and in each section multiple elements can be added. An example would be a section called 'People' and there is a form element for a person (first name, last name etc.). If I add that person, it appears in a list under 'People' and I can add another Person. Another section could be 'Cars', and I add a new car, etc. etc. For each new person or car I add, it gets stored in a database and I can edit/update.
I've never build a reactjs app before but I've built many angularjs apps- but it's been a while. I'm looking for an example or demo that uses reactjs to create a UI like this, and uses MySQL (or aurora) on the backend.
Ultimate goal is to get this app onto AWS. Maybe using Serverless and graphql (also tools I've never used before).
Can anyone point me to an example or tutorial that might be a good fit for what I'm trying to learn?
And if there's a better place to post this, please let me know.
Not exactly what you are looking for but these are links to some CRUD tutorials with react.
Simple CRUD App by Sophie
Step by Step React CRUD
Full-Stack React-Graphql CRUD APP
I'm new to WordPress and I've also been having fun experimenting with Angular/Firebase.
I'm looking to find a way to have an Angular app connect with the WP API in a way that goes further than just displaying posts.
Can someone direct me towards how to submit a form to Firebase and have it simultaneously create a new post and/or page in the WordPress backend? I've come across Zapier but, a) It doesn't seem to be flexible enough for what I want to do and b) It's not free and I'd rather figure it out on my own (with some help from you guys of course.)
I'm plenty fine with being able to use an $http request to list and display posts... but how can I create NEW posts?
PS: I don't NEED to use Firebase. Mainly, I'm really most concerned with creating a new post and/or comment without having to actually do it from the wp-admin.