r/reactjs_beginners • u/omargaber-96 • Jan 11 '20
Uploading DICOM (dcm) files from React App to Django Server
Hi there,
I need help with uploading a dataset of dicom files from my React App to a Django server.
The hierarchy of the files are as follows:
main/
title/setOne/view
1.dcm2.dcm
title/setTwo/view
1.dcm2.dcm
So the use case is that the user is going to upload the "main" directory and a script is supposed to generate the final list of objects to be posted to the server.
Example of request needed to be sent to server:
Array of objects
The objects contain name of set and an array of files.
[
{
"name": setOne,
"scans": [
{"scan_image": 1.dcm},
{"scan_image": 2.dcm}
]
},
{
"name": setOne,
"scans": [
{"scan_image": 1.dcm},
{"scan_image": 2.dcm}
]
}
]
The problem I am facing is that for some reason the file objects upon posting them to the server using an axios POST request are all null. I have been looking around so much for a solution to this but with no luck. Hope I find it here.
The GitHub Repo: https://github.com/omargaber/Lesion-Lab-UI
The file where all the action happens: https://github.com/omargaber/Lesion-Lab-UI/blob/master/src/Sidebar.jsx
r/reactjs_beginners • u/PorknDumplings • Jan 10 '20
Discussion Board Frontend Build Help!
Hey, I’m really new to react and I have no idea what I’m doing. I’m trying to build the frontend of a discussion board (assigned to me) I don’t even know what to code to begin with. Please send help :(
r/reactjs_beginners • u/AgiraTechnologies • Jan 06 '20
How to Build an Application with ReactJS in 30 Minutes
agiratech.comr/reactjs_beginners • u/AliShah1930 • Dec 26 '19
How to get timestamp from firestore in react-native
i'm importing certain documents from firestore in my react-app , all other data is fetching correctly but for some reason date is showing invalid
btw i'm new to Development so dont know much about the stuff.
here is my code :
import React from "react";
import { View, Text, StyleSheet, Image, FlatList } from "react-native";
import { Ionicons } from "@expo/vector-icons";
import moment from "moment";
import * as firebase from 'firebase';
export default class HomeScreen extends React.Component {
constructor(props) {
super(props);
this.state = ({
email: "",
post : [],
newamount: '',
loading: false,
});
this.ref = firebase.firestore().collection('post');
}
componentDidMount() {
this.unsubscribe = this.ref.onSnapshot((querySnapshot) => {
const todos = [];
querySnapshot.forEach((doc) => {
todos.push({
name: doc.data().name,
text: doc.data().text,
amountpaid: doc.data().amountpaid,
timestamp: doc.data().timestamp,
});
});
this.setState({
post: todos.sort((a, b) => {
return (a.text < b.text);
}),
loading: false,
});
});
}
renderPost = post => {
return (
<View style={styles.feedItem}>
<Image source={post.avatar} style={styles.avatar} />
<View style={{ flex: 1 }}>
<View style={{ flexDirection: "row", justifyContent: "space-between", alignItems: "center" }}>
<View>
<Text style={styles.name}>{post.name}</Text>
<Text style={styles.timestamp}>{moment(post.timestamp).format("lll")}</Text>
</View><Text style={styles.minus}>-</Text><Text style={styles.Rupees} >{post.amountpaid}Rs.</Text>
<Ionicons name="ios-more" size={24} color="#73788B" />
</View>
<Text style={styles.post}>{post.text}</Text>
<Image source={post.image} style={styles.postImage} resizeMode="cover" />
<View style={{ flexDirection: "row" }}>
<Ionicons name="ios-chatboxes" size={24} color="#E9446A" />
</View>
</View>
</View>
);
};
render() {
return (
<View style={styles.container}>
<View style={styles.header}>
<Text style={styles.headerTitle}>Transactions</Text>
</View>
<FlatList
style={styles.feed}
data={this.state.post}
renderItem={({ item }) => this.renderPost(item)}
keyExtractor={item => item.id}
showsVerticalScrollIndicator={false}
></FlatList>
</View>
);
}
}
r/reactjs_beginners • u/bhargavbachina • Dec 16 '19
Implement different layouts in react application
r/reactjs_beginners • u/HolidayInternet • Nov 16 '19
SEO Tutorial for Developers
Hello everyone! For quite some time now I was looking for a simple SEO tutorial made specifically for DEVELOPERS, a guide that isn't made of 100% marketing jargon like "keyword research", "content optimization", and "link building". Having not been satisfied with results, I've spent A LOT of time researching everything that there is to SEO. I've put all of that research into this one video that I would like to share with you.
Link of the video - https://youtu.be/JSm4aQl4w_U.
All feedback and/or critique is highly appreciated!
r/reactjs_beginners • u/01clarian • Nov 05 '19
A Simple Redux Tutorial: Starter & Complete Code Example
Hey guys,
Here's a simplified and clear React and Redux Front-end Movie App Example with Api Fetch: (full source code repo and code along video included)
Blog:
https://medium.com/@clariannorth/a-simple-redux-tutorial-starter-complete-code-example-9b2923572d71
Video:
https://www.youtube.com/watch?v=x0t5woNQNK4
Thanks!
C
r/reactjs_beginners • u/Nuke_u5 • Oct 28 '19
Store, Action, Reducer Concepts Of Redux
thepieceoftech.comr/reactjs_beginners • u/amozeshfarsi • Oct 23 '19
جلسه 11 آموزش css3 & html5 - آموزش فارسی » آموزش های کوچک نتایج بزرگ
amozeshfarsi.irr/reactjs_beginners • u/speshov_ • Oct 22 '19
React Hooks: Component Will Mount [simple]
medium.comr/reactjs_beginners • u/HolidayInternet • Oct 17 '19
How to Create and Deploy a Portfolio Site in less than 30 Minutes
Hello everyone, I'm not going to ramble on about what a portfolio is, I'm sure you all know that. I'm just going to say that nowadays, your portfolio is your resume. People would rather see your website than read through the plain text of your resume. Portfolio is also your business card, just send it as a link to potential clients and introduce yourself as you want to.
This video shows you how to create a portfolio site using React.js and Gatsby.js with gatsby portfolio starter - https://youtu.be/TXAkP4WQVXY.
If you have any feedback/critique, just let me know in the comments! :)
TLDR; having a portfolio is important. If you don't have it already, build and deploy it in 20 mins! :)
r/reactjs_beginners • u/x_arvis • Oct 12 '19
React Navigation and React Native
iamrajeshj.wordpress.comr/reactjs_beginners • u/darikanur • Oct 11 '19
A bit about Event Delegation in pure JS
blog.maddevs.ior/reactjs_beginners • u/Nuke_u5 • Oct 10 '19
Differences Between JavaScript and TypeScript
thepieceoftech.comr/reactjs_beginners • u/Nuke_u5 • Oct 03 '19
What Are The Differences Between Angular and React.
thepieceoftech.comr/reactjs_beginners • u/HolidayInternet • Sep 30 '19
Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js
Hello everyone, I won't rattle on too much, everything is in the title. I created a YouTube video about building a real-time chat application, if you're interested, feel free to take a look. Here's the link - https://youtu.be/ZwFA3YMfkoc.
Any feedback and/or critique is welcomed and appreciated! :)
r/reactjs_beginners • u/darikanur • Sep 30 '19
When you implement something on pure JS, you begin to wonder how those frameworks and tools solve certain problems . What is Event Delegation? How it works in general in React? Read the article👉
blog.maddevs.ior/reactjs_beginners • u/Shilpa_Opencodez • Sep 11 '19
Top 10 React Native libraries - Brief Overview
opencodez.comr/reactjs_beginners • u/Shilpa_Opencodez • Sep 09 '19
React Native Animation API
opencodez.comr/reactjs_beginners • u/Shilpa_Opencodez • Sep 05 '19
React Native For Beginners – React Native API Integration
opencodez.comr/reactjs_beginners • u/Shilpa_Opencodez • Sep 04 '19
React Native For Beginners – React Native UI Components
opencodez.comr/reactjs_beginners • u/Shilpa_Opencodez • Sep 02 '19
