import React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';
class FetchDemo extends React.Component {
constructor(props) {
super(props);
this.state = {
posts: []
};
}
componentDidMount() {
axios.get(`http:
.then(res => {
const posts = res.data.data.children.map(obj => obj.data);
this.setState({posts});
});
}
render() {
return (
<div>
<h1>{`/r/${this.props.subreddit}`}</h1>
<ul>
{this.state.posts.map(post =>
<li key={post.id}>{post.title}</li>
)}
</ul>
</div>
);
}
}
ReactDOM.render(
<FetchDemo subreddit="reactjs"/>,
document.getElementById('root')
);
JSON数据
{
"kind": "Listing",
"data": {
"after": "t3_84uby4",
"dist": 26,
"modhash": "",
"whitelist_status": "all_ads",
"children": [
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": false,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p><a href=\"https://www.reddit.com/r/reactjs/comments/7uoesd/beginners_thread_easy_questions_february_2018/\">Last month&#39;s thread</a> was pretty busy - almost 200 comments . If you didn&#39;t get a response there, please ask again here!</p>\n\n<p>Soo... Got questions about React or anything else in its ecosystem? Stuck making progress on your app? Ask away! We’re a friendly bunch. No question is too simple.</p>\n\n<p>The <a href=\"https://www.reactiflux.com\">Reactiflux chat channels on Discord</a> are another great place to ask for help as well.</p>\n</div><!-- SC_ON -->",
"selftext": "[Last month's thread](https://www.reddit.com/r/reactjs/comments/7uoesd/beginners_thread_easy_questions_february_2018/) was pretty busy - almost 200 comments . If you didn't get a response there, please ask again here!\n\nSoo... Got questions about React or anything else in its ecosystem? Stuck making progress on your app? Ask away! We’re a friendly bunch. No question is too simple.\n\nThe [Reactiflux chat channels on Discord](https://www.reactiflux.com) are another great place to ask for help as well.",
"likes": null,
"suggested_sort": "new",
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "81fept",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "acemarke",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 18,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": true,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_81fept",
"spoiler": false,
"permalink": "/r/reactjs/comments/81fept/beginners_thread_easy_questions_march_2018/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1520036570,
"url": "https://www.reddit.com/r/reactjs/comments/81fept/beginners_thread_easy_questions_march_2018/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1520007770,
"subreddit_name_prefixed": "r/reactjs",
"ups": 18,
"media": null,
"num_comments": 88,
"is_self": true,
"title": "Beginner's Thread / Easy Questions (March 2018)",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": true,
"saved": false,
"id": "85c4n1",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "yjose",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 67,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "i.redd.it",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fm=jpg&s=9512b5bfe8a599a95fe3bfe546522722", "width": 1277, "height": 799 }, "resolutions": [ { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=021c9ecdc237a6a6317ba30b12d46a84", "width": 108, "height": 67 }, { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=cd27075e68c30e66bea0d4dd33164507", "width": 216, "height": 135 }, { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=faf60069e56cc7f114fee3eee2405f9e", "width": 320, "height": 200 }, { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=1e8ab3633638c9895ea670eb1b37453f", "width": 640, "height": 400 }, { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=23e3caae3ed04f1956e41dedeb763c2c", "width": 960, "height": 600 }, { "url": "https://i.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=e49a0f5cd56bab66dc12ebb479d1f14e", "width": 1080, "height": 675 } ], "variants": { "gif": { "source": { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?s=daa03bfd89ddc04ea6bf1ad5201a814b", "width": 1277, "height": 799 }, "resolutions": [ { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=108&s=69887e93563ca9fb835b5ff6a09aab85", "width": 108, "height": 67 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=216&s=6305af90d07b16b850dc7e128934845a", "width": 216, "height": 135 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=320&s=371871a793ff8121b4f10e75f08620c7", "width": 320, "height": 200 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=640&s=3fbb271567adaf3ac7d16c7f31e1356c", "width": 640, "height": 400 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=960&s=30e19ebc927f67c78a028b23092923a3", "width": 960, "height": 600 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=1080&s=9e605af3b0d8f88ecd5a623e3c2e5cf9", "width": 1080, "height": 675 } ] }, "mp4": { "source": { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fm=mp4&mp4-fragmented=false&s=e512f1b7b89a1ce9b2ed244f7e882b47", "width": 1277, "height": 799 }, "resolutions": [ { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=mp4&mp4-fragmented=false&s=0200b6ae506fbdf50cc85848a89b7662", "width": 108, "height": 67 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=mp4&mp4-fragmented=false&s=c6eed0ad1feaff27613deead63a8eb6b", "width": 216, "height": 135 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=mp4&mp4-fragmented=false&s=f936f97c13ad365ff97b2d89784c4789", "width": 320, "height": 200 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=mp4&mp4-fragmented=false&s=76e411c9c9e4998637c40f61eb3d5c0a", "width": 640, "height": 400 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=mp4&mp4-fragmented=false&s=37f3895da5df5d10620b15bb8b129780", "width": 960, "height": 600 }, { "url": "https://g.redditmedia.com/Ov9xjHnlfkrE_hVol5al2bEtoI51EiCy8n9M5oyNw4s.gif?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=mp4&mp4-fragmented=false&s=2d6fe6db12cce2719660902e4193b0df", "width": 1080, "height": 675 } ] } }, "id": "AYwqedwqRnoonrGj_B1KY-C3AQxK7zj1oAw35uia0h4" } ],
"enabled": true },
"thumbnail": "https://b.thumbs.redditmedia.com/y2M2RAJyW3UChhXI7xwUWX1qx6G7VXAmzrokGT_LMsw.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "image",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 87,
"parent_whitelist_status": "all_ads",
"name": "t3_85c4n1",
"spoiler": false,
"permalink": "/r/reactjs/comments/85c4n1/create_my_own_storybook_ctrlp_everywhere/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521417999,
"url": "https://i.redd.it/29ma5hgdpjm01.gif",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521389199,
"subreddit_name_prefixed": "r/reactjs",
"ups": 67,
"media": null,
"num_comments": 21,
"is_self": false,
"title": "create my own Storybook Ctrl+p Everywhere !!!",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": false,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85f4mu",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "maecapozzi",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 14,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "hackernoon.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fm=jpg&s=acffd5a1c99ed88546c063c71133825c", "width": 1200, "height": 765 }, "resolutions": [ { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=472fcd5393fc85c586181be2a578ea09", "width": 108, "height": 68 }, { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=a14aabb830cef34dd75b915bc9c41f8e", "width": 216, "height": 137 }, { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=89411f349d0854ba0b16cf7148b06ca0", "width": 320, "height": 204 }, { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=5ed15b292fdfa99a0a53faf879535135", "width": 640, "height": 408 }, { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=1ef666a5dc8a557cce354947cdfca768", "width": 960, "height": 612 }, { "url": "https://i.redditmedia.com/nvO2Paf6h6ard3TojkFphufg8Ck3ArlhP5H9V1ZeHv4.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=52d5a3c1aaf969771d4d46d454b1ce6b", "width": 1080, "height": 688 } ], "variants": {}, "id": "b-tCIRyv53Y5XP6WBL8opY20Vl6hBRilpJkdA_d-_1I" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/tjdBzX8C0-4V66f6Zu76V9RaQqHCgXWlJQfeUaaFfhg.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 89,
"parent_whitelist_status": "all_ads",
"name": "t3_85f4mu",
"spoiler": false,
"permalink": "/r/reactjs/comments/85f4mu/how_to_make_http_requests_in_react_part_3/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521444424,
"url": "https://hackernoon.com/tutorial-how-to-make-http-requests-in-react-part-3-daa6b31b66be",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521415624,
"subreddit_name_prefixed": "r/reactjs",
"ups": 14,
"media": null,
"num_comments": 8,
"is_self": false,
"title": "How to Make HTTP Requests in React, Part 3",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85edaf",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "stackchief",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 12,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "stackchief.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fm=jpg&s=1a9490b02f9ba41b06705814540c1179", "width": 1200, "height": 630 }, "resolutions": [ { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=c3323a237367e3b931af9441d4358c3e", "width": 108, "height": 56 }, { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=017939046dc5cec1012741fdd4d24076", "width": 216, "height": 113 }, { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=1c7ac17aae84521654342ccbe2137a9e", "width": 320, "height": 168 }, { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=78453cb6c373dd0c8e911fb0c1248f4d", "width": 640, "height": 336 }, { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=49d88be5780f3f51e06dd14cbbafbb0f", "width": 960, "height": 504 }, { "url": "https://i.redditmedia.com/E8hbTWC6sl7zEtSlnxa01Z57HAjeRLwH2Vilg5xnEks.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=6adc54b810925c798d1d0be71c73b32d", "width": 1080, "height": 567 } ], "variants": {}, "id": "ek_ixAp6Ir6UtlIEoswH3vum83sE3lYiacTqgsQHpCI" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/AQWPmEAr1jJWxj32gDx6oPiVDwW3vfVWePaSe5Vi7fs.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 73,
"parent_whitelist_status": "all_ads",
"name": "t3_85edaf",
"spoiler": false,
"permalink": "/r/reactjs/comments/85edaf/learn_reactjs_props_and_state/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521437574,
"url": "https://www.stackchief.com/tutorials/Learn%20ReactJS%20Props%20and%20State",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521408774,
"subreddit_name_prefixed": "r/reactjs",
"ups": 12,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "Learn ReactJS: Props and State",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>I have an app using a material ui <code>List</code> with <code>ListItem</code>s. </p>\n\n<p>I want for users to be able to click on a <code>ListItem</code> and have it open a <code>Modal</code> or a <code>Collapse</code> to give more info about the <code>ListItem</code>. I want the view to stay the same (overall), albeit with a new url that links to that Modal or Collapse.</p>\n\n<p>Right now, all I can get is that the user clicks on the <code>ListItem</code> and it opens an entirely new view. </p>\n\n<p>I want to have the ListDetails or ListItem details be shown in a collapse or modal (or some ui that is on that same page) and be linkable (have a url)</p>\n\n<p>Code:</p>\n\n<pre><code>// List\n&lt;List&gt;\n\n&lt;Collapse&gt;\n&lt;ListItem &lt;Link to={`/listitem/${listitem.id}`}&gt; /&gt;\n&lt;ListDetail /&gt;\n&lt;/Collapse&gt;\n&lt;ListItem /&gt;\n&lt;Modal&gt;&lt;ListDetail /&gt;&lt;/Modal&gt;\n\n&lt;/List&gt;\n\n// Router\n&lt;Route path=&quot;/list/:id&quot; render={({ match }) =&gt; &lt;ListDetail params={match.params} /&gt;} /&gt;\n</code></pre>\n\n<p>This goes to an entirely new page. How to wire it up to so that I can show ListDetail within the same page? </p>\n\n<p>How to set up the components/routing to change urls but just change the UI (and not render an entirely new page?</p>\n</div><!-- SC_ON -->",
"selftext": "I have an app using a material ui `List` with `ListItem`s. \n\nI want for users to be able to click on a `ListItem` and have it open a `Modal` or a `Collapse` to give more info about the `ListItem`. I want the view to stay the same (overall), albeit with a new url that links to that Modal or Collapse.\n\nRight now, all I can get is that the user clicks on the `ListItem` and it opens an entirely new view. \n\nI want to have the ListDetails or ListItem details be shown in a collapse or modal (or some ui that is on that same page) and be linkable (have a url)\n\nCode:\n\n // List\n <List>\n \n <Collapse>\n <ListItem <Link to={`/listitem/${listitem.id}`}> />\n <ListDetail />\n </Collapse>\n <ListItem />\n <Modal><ListDetail /></Modal>\n \n </List>\n\n // Router\n <Route path=\"/list/:id\" render={({ match }) => <ListDetail params={match.params} />} />\n\nThis goes to an entirely new page. How to wire it up to so that I can show ListDetail within the same page? \n\nHow to set up the components/routing to change urls but just change the UI (and not render an entirely new page?\n\n\n\n\n\n",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85glr6",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "kylebythemile",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 3,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_85glr6",
"spoiler": false,
"permalink": "/r/reactjs/comments/85glr6/reactrouter_materialui_question_how_to_change_url/",
"subreddit_type": "public",
"locked": false,
"hide_score": true,
"created": 1521459293,
"url": "https://www.reddit.com/r/reactjs/comments/85glr6/reactrouter_materialui_question_how_to_change_url/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521430493,
"subreddit_name_prefixed": "r/reactjs",
"ups": 3,
"media": null,
"num_comments": 1,
"is_self": true,
"title": "React-router + material-ui question: how to change url when opening a modal (but not change the whole view)?",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85g9wp",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "mSteckyEfantis",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 3,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "github.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/LUHKvcvs8mz8PttdMME-GpU0sfHCI8FyMtH3SbpnIX0.jpg?fm=jpg&s=c88cf8c1bc97d096e21e352526a0a284", "width": 400, "height": 400 }, "resolutions": [ { "url": "https://i.redditmedia.com/LUHKvcvs8mz8PttdMME-GpU0sfHCI8FyMtH3SbpnIX0.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=9bfea26dd4035b49dc6a63659b8c7fd4", "width": 108, "height": 108 }, { "url": "https://i.redditmedia.com/LUHKvcvs8mz8PttdMME-GpU0sfHCI8FyMtH3SbpnIX0.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=08b2ded5f322dfeb56a94c2c722c26f0", "width": 216, "height": 216 }, { "url": "https://i.redditmedia.com/LUHKvcvs8mz8PttdMME-GpU0sfHCI8FyMtH3SbpnIX0.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=624d67eeced053c1286191b2c32a9a67", "width": 320, "height": 320 } ], "variants": {}, "id": "wQobJz5J0X1INayUwonmiNdsfKAasGUThGl9E23eLho" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/Ovs7nSZuIwO7VuJNkDTf6aJ65iGrguUdet-gQSjF1sg.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_85g9wp",
"spoiler": false,
"permalink": "/r/reactjs/comments/85g9wp/react_foundation_for_website_might_be_useful_for/",
"subreddit_type": "public",
"locked": false,
"hide_score": true,
"created": 1521455696,
"url": "https://github.com/msteckyefantis/easy_react_app",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521426896,
"subreddit_name_prefixed": "r/reactjs",
"ups": 3,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "React foundation for website, might be useful for you!",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>When user registers and edits their profile there should be a field for their location. I don&#39;t want to use HTML5 geolocation, I find it annoying.</p>\n</div><!-- SC_ON -->",
"selftext": "When user registers and edits their profile there should be a field for their location. I don't want to use HTML5 geolocation, I find it annoying.",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85gb60",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "ed_webdev",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 1,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_85gb60",
"spoiler": false,
"permalink": "/r/reactjs/comments/85gb60/how_do_i_implement_a_geolocation/",
"subreddit_type": "public",
"locked": false,
"hide_score": true,
"created": 1521456085,
"url": "https://www.reddit.com/r/reactjs/comments/85gb60/how_do_i_implement_a_geolocation/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521427285,
"subreddit_name_prefixed": "r/reactjs",
"ups": 1,
"media": null,
"num_comments": 0,
"is_self": true,
"title": "How do I implement a geolocation?",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": true,
"saved": false,
"id": "85cyoz",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "b4bipin",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 4,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "i.redd.it",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fm=jpg&s=4028d859f5d8ab8952b89b57be8873da", "width": 1366, "height": 768 }, "resolutions": [ { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=1cc8877e232ccbf506ae3db6c1f38fc2", "width": 108, "height": 60 }, { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=6785e6b4813b5a3278d80e5049c51442", "width": 216, "height": 121 }, { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=09f40f6410a496350c362882aedb75ce", "width": 320, "height": 179 }, { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=545fd0c2d387c462371c60ec74ceadbe", "width": 640, "height": 359 }, { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=576f14cc478abc1b384dbf32bcf74ad8", "width": 960, "height": 539 }, { "url": "https://i.redditmedia.com/94mXAFCnMZdeAmrGNEjGLAQ3H2ARGszd2pP50wWE9zg.png?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=dcd72d1a47284916b484c45265159bdf", "width": 1080, "height": 607 } ], "variants": {}, "id": "U0LQt9XILuxUP2iPAU8v-viw2OaRZBeiWlV15pRSYPM" } ],
"enabled": true },
"thumbnail": "https://b.thumbs.redditmedia.com/16qdtqsY3eH0bASgWNBS9yRBMCA3H2DYEG9mMbR-2qM.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "image",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 78,
"parent_whitelist_status": "all_ads",
"name": "t3_85cyoz",
"spoiler": false,
"permalink": "/r/reactjs/comments/85cyoz/want_to_nested_routing/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521425516,
"url": "https://i.redd.it/q5lgkfiwbkm01.png",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521396716,
"subreddit_name_prefixed": "r/reactjs",
"ups": 4,
"media": null,
"num_comments": 8,
"is_self": false,
"title": "want to nested routing",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85fyqp",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "datanoid",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 1,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "npmjs.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fm=jpg&s=b644894ac272c32a859b0a4e714e1993", "width": 1200, "height": 630 }, "resolutions": [ { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=74159f1be8b002fb01e61c4e89db551b", "width": 108, "height": 56 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=3fb13df311ce8fea356386dc74885dc3", "width": 216, "height": 113 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=ac80c9995e10891333c5fa4ead2eda55", "width": 320, "height": 168 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=13ed98c4dea9f24e2dc1a73b89f7f25a", "width": 640, "height": 336 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=141d9f30ef14c2403ba573b5f2abe0d3", "width": 960, "height": 504 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=b55cbdd16bd1c6865cc5e7eb514fe0bb", "width": 1080, "height": 567 } ], "variants": {}, "id": "3CAm7f2euOP7diXidheIHavSdc1loh3U46B-FOssKu4" } ],
"enabled": false },
"thumbnail": "https://a.thumbs.redditmedia.com/3-vlxLg062VjdodhrC42kOFKeF3_diBlNzszxIOxEo0.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 73,
"parent_whitelist_status": "all_ads",
"name": "t3_85fyqp",
"spoiler": false,
"permalink": "/r/reactjs/comments/85fyqp/im_trying_to_make_client_side_encryption_and_data/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521452591,
"url": "https://www.npmjs.com/package/bitcluster",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521423791,
"subreddit_name_prefixed": "r/reactjs",
"ups": 1,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "I'm trying to make client side encryption (and data validation) easier, check out Bitcluster and tell me what you think. Always looking to improve.",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>I have been following <a href=\"/r/reactjs\">r/reactjs</a> for quite some time. It&#39;s a great Subreddit!</p>\n\n<p>Can you guys give me feedback? I am thinking of applying for a React developer position. So I have been working on my React skills and I made 2 projects. </p>\n\n<p><strong>Few questions:</strong></p>\n\n<ul>\n<li>Should I make more projects or improve current projects?</li>\n<li>What are employers looking for in a project? What should I add, improve?</li>\n<li>Are these projects good enough to get a job as a React developer?</li>\n<li>What more information employers might want to know?</li>\n<li>Any other tips?</li>\n</ul>\n\n<p><strong>Project 1:</strong></p>\n\n<p><a href=\"http://www.twitchnews.com\">twitchnews.com</a></p>\n\n<p><strong>Description:</strong></p>\n\n<p>Third-party app for a live streaming video platform, Twitch. TwitchNews saves games and streamers data. Enables comparing games on a interactive chart and displays information about achieved records in a news format. TwitchNews goal is to offer the most unique insights for Twitch tv. The website has around 100 users per month, with marketing can reach up to 1000. </p>\n\n<p><strong>Technologies:</strong></p>\n\n<ul>\n<li>Back end: Node.js</li>\n<li>Front end: React</li>\n<li>Application state management: Flux</li>\n<li>Database: MongoDB</li>\n<li>Cloud platform: Heroku</li>\n<li>Cloud database service: mLab</li>\n<li>Web analytics: Google Analytics</li>\n<li>Style sheet language: Sass</li>\n<li>Version control: Git</li>\n<li>Mobile responsive: Yes</li>\n</ul>\n\n<p><strong>Project 2:</strong></p>\n\n<p><a href=\"http://www.osrsquick.com\">osrsquick.com</a></p>\n\n<p><strong>Description:</strong></p>\n\n<p>Third-party app for Old School Runescape (Fantasy MMORPG). OsrsQuick fetches players in-game data and displays that information on a user interface. The website has around 500 users per month with almost no marketing, steadily increasing. </p>\n\n<p><strong>Technologies:</strong></p>\n\n<ul>\n<li>Back end: Node.js</li>\n<li>Front end: React</li>\n<li>Application state management: Redux</li>\n<li>Database: MongoDB</li>\n<li>Cloud platform: Heroku</li>\n<li>Cloud database service: mLab</li>\n<li>Web analytics: Google Analytics</li>\n<li>Style sheet language: Sass</li>\n<li>Version control: Git</li>\n<li>Mobile responsive: No (on purpose, because my customer base is using desktop)</li>\n</ul>\n\n<p><strong>Additional information (if necessary):</strong></p>\n\n<ul>\n<li>I have a European passport</li>\n<li>Computer Science degree</li>\n<li>Previous experience in IT company working as a SQL Reporting Analyst and as a project manager. And I also have freelancing experience in data scraping sector using Python.</li>\n</ul>\n\n<p><em>Thank you for reading!</em></p>\n</div><!-- SC_ON -->",
"selftext": "I have been following r/reactjs for quite some time. It's a great Subreddit!\n\nCan you guys give me feedback? I am thinking of applying for a React developer position. So I have been working on my React skills and I made 2 projects. \n\n**Few questions:**\n\n* Should I make more projects or improve current projects?\n* What are employers looking for in a project? What should I add, improve?\n* Are these projects good enough to get a job as a React developer?\n* What more information employers might want to know?\n* Any other tips?\n\n\n\n**Project 1:**\n\n[twitchnews.com](http://www.twitchnews.com)\n\n**Description:**\n\nThird-party app for a live streaming video platform, Twitch. TwitchNews saves games and streamers data. Enables comparing games on a interactive chart and displays information about achieved records in a news format. TwitchNews goal is to offer the most unique insights for Twitch tv. The website has around 100 users per month, with marketing can reach up to 1000. \n\n**Technologies:**\n\n* Back end: Node.js\n* Front end: React\n* Application state management: Flux\n* Database: MongoDB\n* Cloud platform: Heroku\n* Cloud database service: mLab\n* Web analytics: Google Analytics\n* Style sheet language: Sass\n* Version control: Git\n* Mobile responsive: Yes\n\n\n\n**Project 2:**\n\n[osrsquick.com](http://www.osrsquick.com)\n\t\n**Description:**\n\nThird-party app for Old School Runescape (Fantasy MMORPG). OsrsQuick fetches players in-game data and displays that information on a user interface. The website has around 500 users per month with almost no marketing, steadily increasing. \n\n**Technologies:**\n\n* Back end: Node.js\n* Front end: React\n* Application state management: Redux\n* Database: MongoDB\n* Cloud platform: Heroku\n* Cloud database service: mLab\n* Web analytics: Google Analytics\n* Style sheet language: Sass\n* Version control: Git\n* Mobile responsive: No (on purpose, because my customer base is using desktop)\n\n\n\n**Additional information (if necessary):**\n\n* I have a European passport\n* Computer Science degree\n* Previous experience in IT company working as a SQL Reporting Analyst and as a project manager. And I also have freelancing experience in data scraping sector using Python.\n\n*Thank you for reading!*\n",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "859lna",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "TwitchNewsCom",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 35,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": 1521353439,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_859lna",
"spoiler": false,
"permalink": "/r/reactjs/comments/859lna/can_you_guys_give_me_feedback_i_made_two_react/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521381896,
"url": "https://www.reddit.com/r/reactjs/comments/859lna/can_you_guys_give_me_feedback_i_made_two_react/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521353096,
"subreddit_name_prefixed": "r/reactjs",
"ups": 35,
"media": null,
"num_comments": 32,
"is_self": true,
"title": "Can you guys give me feedback? I made two React projects. Are they good enough to get a job as a React developer?",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85c655",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "adolfo2582",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 3,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "hackr.io",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/_0P-gJeSpGnGWHhsHkqshdDsWkE8-4WcxCFCyZk0mMA.jpg?fm=jpg&s=35a34371927ba27d7e16f38ec09e7936", "width": 200, "height": 200 }, "resolutions": [ { "url": "https://i.redditmedia.com/_0P-gJeSpGnGWHhsHkqshdDsWkE8-4WcxCFCyZk0mMA.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=44d9ffe1b8e1321e2d6601a0833525a6", "width": 108, "height": 108 } ], "variants": {}, "id": "XwVxTmMQO5BvskwyQ8bm5kGZe66IYwY2rPWRYV3Dyg4" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/pWBn045GggAF2mJxd0IEK-ZSGgqRX0jxXNEj9ZLACVE.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_85c655",
"spoiler": false,
"permalink": "/r/reactjs/comments/85c655/programming_community_resources_for_learning/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521418363,
"url": "https://hackr.io/tutorials/learn-react",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521389563,
"subreddit_name_prefixed": "r/reactjs",
"ups": 3,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "Programming Community Resources For Learning React (2018)",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>I&#39;ve been learning react js for quiet sometime and I can understand almost every react project source I found on the internet but I can&#39;t build one. I just lack ideas and stuck with this Todo-list and shopping cart. I haven&#39;t use react in any of the project at all because I&#39;m not that confident. Please give me some real life app that is to give me time to fiddle with and not that super hard like cloning the Facebook. Calling API is fine as long as your recommendation mean to help me improve my skill.</p>\n</div><!-- SC_ON -->",
"selftext": "I've been learning react js for quiet sometime and I can understand almost every react project source I found on the internet but I can't build one. I just lack ideas and stuck with this Todo-list and shopping cart. I haven't use react in any of the project at all because I'm not that confident. Please give me some real life app that is to give me time to fiddle with and not that super hard like cloning the Facebook. Calling API is fine as long as your recommendation mean to help me improve my skill.",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85bg55",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "GTHell",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 6,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_85bg55",
"spoiler": false,
"permalink": "/r/reactjs/comments/85bg55/give_me_some_easyintermediate_project_to_do/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521411258,
"url": "https://www.reddit.com/r/reactjs/comments/85bg55/give_me_some_easyintermediate_project_to_do/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521382458,
"subreddit_name_prefixed": "r/reactjs",
"ups": 6,
"media": null,
"num_comments": 8,
"is_self": true,
"title": "Give me some easy-intermediate project to do",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85f4en",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "amine-hakkou",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 0,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "github.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/ngSYQdgva2GHq3QlzYDozu49QbX8mRIBimJgI4Xbsoo.jpg?fm=jpg&s=6ba96ccf56d0b6a93bf304774717b6f4", "width": 420, "height": 420 }, "resolutions": [ { "url": "https://i.redditmedia.com/ngSYQdgva2GHq3QlzYDozu49QbX8mRIBimJgI4Xbsoo.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=37fc09bd9760a8abfb004ad82f38af08", "width": 108, "height": 108 }, { "url": "https://i.redditmedia.com/ngSYQdgva2GHq3QlzYDozu49QbX8mRIBimJgI4Xbsoo.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=d2a9375b7f41bc8fc31c057706a2ec10", "width": 216, "height": 216 }, { "url": "https://i.redditmedia.com/ngSYQdgva2GHq3QlzYDozu49QbX8mRIBimJgI4Xbsoo.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=d296cbeed820d691baea7721ebd811a6", "width": 320, "height": 320 } ], "variants": {}, "id": "tHNZI_JGD5ApkwjRV0HAtYkOV76QW9pe6XmoYjluRJ8" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/gPBR_QmirTr0mdRnBYQgr3SUeHROS6t9CIuAw1tytMY.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_85f4en",
"spoiler": false,
"permalink": "/r/reactjs/comments/85f4en/reactstoon_is_a_handy_toolbox_of_reusable_react/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521444363,
"url": "https://github.com/MoroccanOSS/react-stoon",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521415563,
"subreddit_name_prefixed": "r/reactjs",
"ups": 0,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "react-stoon is a handy toolbox of reusable React Components",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": false,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "859kw5",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "[deleted]",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 19,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "medium.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fm=jpg&s=64816c2f540198dae0fe39173c4f02e5", "width": 1156, "height": 542 }, "resolutions": [ { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=74328b5634ce725285388702508fcf4a", "width": 108, "height": 50 }, { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=8730cb66a344015b404087efa4b878b2", "width": 216, "height": 101 }, { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=5e63b1ac85c5713b97fd901f2633f55e", "width": 320, "height": 150 }, { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=c5f790780a1d1d7e4a3a92a9d721fb3b", "width": 640, "height": 300 }, { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=61e28a3cfd403e1aff59b2d44b51c02e", "width": 960, "height": 450 }, { "url": "https://i.redditmedia.com/u8RpSx9LC8KXgT2I45yAwHIckeeKx3SKYHofXpomHfg.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=795aee4630f0497c15e21b7b421e8c42", "width": 1080, "height": 506 } ], "variants": {}, "id": "EXrC2_HX6hgYl4cvDiMdHMBfzNJs7ZAZzbIV1ymeU3g" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/hIK-MOIzyVrOWA9U8jkf5_vnIB89OB2Bi95hEPvg14E.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 65,
"parent_whitelist_status": "all_ads",
"name": "t3_859kw5",
"spoiler": false,
"permalink": "/r/reactjs/comments/859kw5/intro_to_react_router_dom_with_minimal/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521381589,
"url": "https://medium.com/@saigowthamr/intro-react-router-dom-v4-2-2-94c961e8d9ac",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521352789,
"subreddit_name_prefixed": "r/reactjs",
"ups": 19,
"media": null,
"num_comments": 7,
"is_self": false,
"title": "Intro to React Router Dom with minimal boilerplate --it makes index.js file with very less code --Active link classes are also added",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85eh2b",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "nanny900",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 1,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "github.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/YLxyALFkUPUvVccOuGaiSn1ZaQzeAwK7-QB1i1TJ3GI.jpg?fm=jpg&s=6b68a9b04bdad09ac167f457dc906124", "width": 400, "height": 400 }, "resolutions": [ { "url": "https://i.redditmedia.com/YLxyALFkUPUvVccOuGaiSn1ZaQzeAwK7-QB1i1TJ3GI.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=8223b6acf6ce0c60421aca250359b46a", "width": 108, "height": 108 }, { "url": "https://i.redditmedia.com/YLxyALFkUPUvVccOuGaiSn1ZaQzeAwK7-QB1i1TJ3GI.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=d64edf0ebd0821afa44373ac6db268c0", "width": 216, "height": 216 }, { "url": "https://i.redditmedia.com/YLxyALFkUPUvVccOuGaiSn1ZaQzeAwK7-QB1i1TJ3GI.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=c75cfdee95627c264850f61c1cca69e6", "width": 320, "height": 320 } ], "variants": {}, "id": "xgZasiz_y3jzhEa-UXpMv4mSsp-UOaF31gaPDgyEyrI" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/A6xAzDQymp4Xhr3-qYaIZs8lHinyBIQl9TYnQirrGms.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_85eh2b",
"spoiler": false,
"permalink": "/r/reactjs/comments/85eh2b/handpicked_collection_of_vscode_extensions_for/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521438498,
"url": "https://github.com/solodynamo/frontend-vscode-extensionpack",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521409698,
"subreddit_name_prefixed": "r/reactjs",
"ups": 1,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "Handpicked collection of vScode extensions for Front-End development.",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>I tried following the readme, and tried just cloning the whole repo and running yarn add or npm install, but I can&#39;t get this bracket React app to render without error. Can anyone confirm whether I am doing it wrong or the package is just broken?</p>\n\n<p><a href=\"https://www.npmjs.com/package/react-tournament-bracket\">https://www.npmjs.com/package/react-tournament-bracket</a></p>\n</div><!-- SC_ON -->",
"selftext": "I tried following the readme, and tried just cloning the whole repo and running yarn add or npm install, but I can't get this bracket React app to render without error. Can anyone confirm whether I am doing it wrong or the package is just broken?\n\nhttps://www.npmjs.com/package/react-tournament-bracket",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "85dl95",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "DiscombobulatedMuch",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 0,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fm=jpg&s=b644894ac272c32a859b0a4e714e1993", "width": 1200, "height": 630 }, "resolutions": [ { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=74159f1be8b002fb01e61c4e89db551b", "width": 108, "height": 56 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=3fb13df311ce8fea356386dc74885dc3", "width": 216, "height": 113 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=ac80c9995e10891333c5fa4ead2eda55", "width": 320, "height": 168 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=13ed98c4dea9f24e2dc1a73b89f7f25a", "width": 640, "height": 336 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=141d9f30ef14c2403ba573b5f2abe0d3", "width": 960, "height": 504 }, { "url": "https://i.redditmedia.com/sr7XqdeKF73E4m8CFm57jK-VSCmixf5xr3cX1tdw1SY.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=b55cbdd16bd1c6865cc5e7eb514fe0bb", "width": 1080, "height": 567 } ], "variants": {}, "id": "3CAm7f2euOP7diXidheIHavSdc1loh3U46B-FOssKu4" } ],
"enabled": false },
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "self",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_85dl95",
"spoiler": false,
"permalink": "/r/reactjs/comments/85dl95/i_cant_get_this_to_work_any_ideas/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521430887,
"url": "https://www.reddit.com/r/reactjs/comments/85dl95/i_cant_get_this_to_work_any_ideas/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521402087,
"subreddit_name_prefixed": "r/reactjs",
"ups": 0,
"media": null,
"num_comments": 4,
"is_self": true,
"title": "I can't get this to work, any ideas?",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": false,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": {
"reddit_video": { "fallback_url": "https://v.redd.it/ri93tripjhm01/DASH_1_2_M", "height": 360, "width": 596, "scrubber_media_url": "https://v.redd.it/ri93tripjhm01/DASH_600_K", "dash_url": "https://v.redd.it/ri93tripjhm01/DASHPlaylist.mpd", "duration": 36, "hls_url": "https://v.redd.it/ri93tripjhm01/HLSPlaylist.m3u8", "is_gif": false, "transcoding_status": "completed" } },
"is_reddit_media_domain": true,
"saved": false,
"id": "85a5yc",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "[deleted]",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 3,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "v.redd.it",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/JS6s2bqLanjQM8vfXSjWY2aGyI9eFgJb6WJDBj0XIoM.png?fm=jpg&s=6a90fbcf9badf14f87b7d0e605adcd5f", "width": 600, "height": 362 }, "resolutions": [ { "url": "https://i.redditmedia.com/JS6s2bqLanjQM8vfXSjWY2aGyI9eFgJb6WJDBj0XIoM.png?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=10efbc1b826131e87256efdaa2a61056", "width": 108, "height": 65 }, { "url": "https://i.redditmedia.com/JS6s2bqLanjQM8vfXSjWY2aGyI9eFgJb6WJDBj0XIoM.png?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=18126433e8a093cb261be4ebc77e8189", "width": 216, "height": 130 }, { "url": "https://i.redditmedia.com/JS6s2bqLanjQM8vfXSjWY2aGyI9eFgJb6WJDBj0XIoM.png?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=281120b6fa0f549b976da2e1f306fcea", "width": 320, "height": 193 } ], "variants": {}, "id": "UQn8LNvvV4pHX3_ae2RnA79mhElhd79fttFgP5wtpHY" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/QXLx4PC1Ksk7C0QMjhTQbxbhUvv2oaUr3bHL8WgmHLQ.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "hosted:video",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 84,
"parent_whitelist_status": "all_ads",
"name": "t3_85a5yc",
"spoiler": false,
"permalink": "/r/reactjs/comments/85a5yc/how_authentication_works_in_react_apps_using/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521391827,
"url": "https://v.redd.it/ri93tripjhm01",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521363027,
"subreddit_name_prefixed": "r/reactjs",
"ups": 3,
"media": {
"reddit_video": { "fallback_url": "https://v.redd.it/ri93tripjhm01/DASH_1_2_M", "height": 360, "width": 596, "scrubber_media_url": "https://v.redd.it/ri93tripjhm01/DASH_600_K", "dash_url": "https://v.redd.it/ri93tripjhm01/DASHPlaylist.mpd", "duration": 36, "hls_url": "https://v.redd.it/ri93tripjhm01/HLSPlaylist.m3u8", "is_gif": false, "transcoding_status": "completed" } },
"num_comments": 6,
"is_self": false,
"title": "How Authentication Works in React apps using nodejs and MongoDB as backend server",
"mod_note": null,
"is_video": true,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "853f1d",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "digital_pavel",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 95,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "creative-tim.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/_b53jWXn2ZnTtqCyrZZirZpidA1yg_S7RjOz0oZfGfU.jpg?fm=jpg&s=7c3eb5ac88593017ff4285a57b089326", "width": 800, "height": 600 }, "resolutions": [ { "url": "https://i.redditmedia.com/_b53jWXn2ZnTtqCyrZZirZpidA1yg_S7RjOz0oZfGfU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=a7019faa92c6a2eca1cb587710663362", "width": 108, "height": 81 }, { "url": "https://i.redditmedia.com/_b53jWXn2ZnTtqCyrZZirZpidA1yg_S7RjOz0oZfGfU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=27aa6f0808a2a11524aa452e3056a8f3", "width": 216, "height": 162 }, { "url": "https://i.redditmedia.com/_b53jWXn2ZnTtqCyrZZirZpidA1yg_S7RjOz0oZfGfU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=4c53a05fddce941b3e5a86fb0fd85b7c", "width": 320, "height": 240 }, { "url": "https://i.redditmedia.com/_b53jWXn2ZnTtqCyrZZirZpidA1yg_S7RjOz0oZfGfU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=c37ba5f7a576d3c893c09b9b01cdb0b8", "width": 640, "height": 480 } ], "variants": {}, "id": "FIT5m_dSOyHeJWnTqDUPo8AQ4_Jtc1kbSx8cem25XnY" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/Br6iQARg1rOSFTtnyFBWkm7xDfzqnz64gkTilYcPr0Q.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 105,
"parent_whitelist_status": "all_ads",
"name": "t3_853f1d",
"spoiler": false,
"permalink": "/r/reactjs/comments/853f1d/free_materialui_admin_template_with_react/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521318308,
"url": "https://www.creative-tim.com/product/material-dashboard-react",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521289508,
"subreddit_name_prefixed": "r/reactjs",
"ups": 95,
"media": null,
"num_comments": 8,
"is_self": false,
"title": "Free Material-UI Admin Template with React",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "853ve7",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "jeevium",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 65,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "medium.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fm=jpg&s=042b71e5ede18b49396ef1f56178f80d", "width": 1170, "height": 662 }, "resolutions": [ { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=bc7603e7db97a3623aef0145e9e9d617", "width": 108, "height": 61 }, { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=d7c37e250cd7c5c53a6ec038b3e410c8", "width": 216, "height": 122 }, { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=89a0d7e690b87ddd714b8dd7338b8efb", "width": 320, "height": 181 }, { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=640&fm=jpg&s=76aa22e6cb9a66d27c838849fd1416d3", "width": 640, "height": 362 }, { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=960&fm=jpg&s=21473109e293b3b4a9472fa09bc8c441", "width": 960, "height": 543 }, { "url": "https://i.redditmedia.com/YIDaGBHwV6to0wFjT0zikiq82F3BvdWC0lH2yzPOPkU.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=1080&fm=jpg&s=a05c9b34ddcb48e8c3fc7490d3ce627d", "width": 1080, "height": 611 } ], "variants": {}, "id": "rK_HFkPICyHT6BRcPvyJwDq7RMRRFiwVW0qGYX5Cj3o" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/EBTvEHu2_4-8ALeV-E0gSQu9jIcYC3BryQXJTqK_iFM.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 79,
"parent_whitelist_status": "all_ads",
"name": "t3_853ve7",
"spoiler": false,
"permalink": "/r/reactjs/comments/853ve7/how_to_develop_responsive_uis_with_react_native/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521323906,
"url": "https://medium.com/building-with-react-native/how-to-develop-responsive-uis-with-react-native-1x03-a448097c9503",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521295106,
"subreddit_name_prefixed": "r/reactjs",
"ups": 65,
"media": null,
"num_comments": 0,
"is_self": false,
"title": "How to develop responsive UIs with React Native",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>Hi all,</p>\n\n<p>I&#39;m using React for not so long and I was looking into the Context api recently but I&#39;m not sure what problem does it solve.</p>\n\n<p>It felt to me like going back to Angular world with children accessing parent data so if you guys can tell me why would I use it and why it makes sense would be awesome</p>\n</div><!-- SC_ON -->",
"selftext": "Hi all,\n\nI'm using React for not so long and I was looking into the Context api recently but I'm not sure what problem does it solve.\n\nIt felt to me like going back to Angular world with children accessing parent data so if you guys can tell me why would I use it and why it makes sense would be awesome",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "856cmy",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "grillorafael",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 6,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_856cmy",
"spoiler": false,
"permalink": "/r/reactjs/comments/856cmy/why_would_you_use_context_instead_of_props/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521346375,
"url": "https://www.reddit.com/r/reactjs/comments/856cmy/why_would_you_use_context_instead_of_props/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521317575,
"subreddit_name_prefixed": "r/reactjs",
"ups": 6,
"media": null,
"num_comments": 13,
"is_self": true,
"title": "Why would you use context instead of props?",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": "<!-- SC_OFF --><div class=\"md\"><p>So far all my apps that I made are using “ create-react- app” I haven’t spent time on things like webpack because I am trying to use my time wisely and learn the programming first , should I take a step back and learn webpack? Are all companies that use react use webpack ? Thanks!!</p>\n</div><!-- SC_ON -->",
"selftext": "So far all my apps that I made are using “ create-react- app” I haven’t spent time on things like webpack because I am trying to use my time wisely and learn the programming first , should I take a step back and learn webpack? Are all companies that use react use webpack ? Thanks!!",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "852ts5",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "tony2times3",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 22,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "self.reactjs",
"hidden": false,
"thumbnail": "self",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_852ts5",
"spoiler": false,
"permalink": "/r/reactjs/comments/852ts5/if_im_looking_for_a_react_job_is_it_okay_that_i/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521309287,
"url": "https://www.reddit.com/r/reactjs/comments/852ts5/if_im_looking_for_a_react_job_is_it_okay_that_i/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521280487,
"subreddit_name_prefixed": "r/reactjs",
"ups": 22,
"media": null,
"num_comments": 27,
"is_self": true,
"title": "If I’m looking for a react job is it okay that I only know create-react-app or do I have to webpack/build tools.",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": false,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "858mg2",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": true,
"author": "LearningBus",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 2,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "primefaces.org",
"hidden": false,
"thumbnail": "default",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_858mg2",
"spoiler": false,
"permalink": "/r/reactjs/comments/858mg2/awesome_a_fullfeatured_react_ui_not_unlike_cookie/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521369361,
"url": "https://www.primefaces.org/primereact/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521340561,
"subreddit_name_prefixed": "r/reactjs",
"ups": 2,
"media": null,
"num_comments": 8,
"is_self": false,
"title": "Awesome!! A full-featured React UI, not unlike cookie cutter one",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "853lfb",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "yjose",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 8,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "github.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/H-crl14FS_rb_jLSIbdiKD5DprDujxHM54_zzrtaWok.jpg?fm=jpg&s=49541200918afdf7de8cba2d419a269b", "width": 400, "height": 400 }, "resolutions": [ { "url": "https://i.redditmedia.com/H-crl14FS_rb_jLSIbdiKD5DprDujxHM54_zzrtaWok.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=31cc0f45fd04bfd448aa4b2ae93174e3", "width": 108, "height": 108 }, { "url": "https://i.redditmedia.com/H-crl14FS_rb_jLSIbdiKD5DprDujxHM54_zzrtaWok.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=91856ff4a1deefe978cc78d4c94a4fa0", "width": 216, "height": 216 }, { "url": "https://i.redditmedia.com/H-crl14FS_rb_jLSIbdiKD5DprDujxHM54_zzrtaWok.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=05d40dfc32c2695b2e697f2495463be3", "width": 320, "height": 320 } ], "variants": {}, "id": "yzWC0UBTX6ZktKCMcpKzkmI41RM9MOxWrvmaFnMCmGw" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/UXFPSw7WmLI7x_NX_fj3ynTgzpyVBjjNPJPO0orJcYo.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_853lfb",
"spoiler": false,
"permalink": "/r/reactjs/comments/853lfb/react_popup_component_modalstooltips_and_menus/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521320626,
"url": "https://github.com/yjose/reactjs-popup",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521291826,
"subreddit_name_prefixed": "r/reactjs",
"ups": 8,
"media": null,
"num_comments": 6,
"is_self": false,
"title": "React Popup Component - Modals,Tooltips and Menus — All in one",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": null,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "851ifr",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "simsim0709",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 22,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "reduction-admin.firebaseapp.com",
"hidden": false,
"thumbnail": "default",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": null,
"parent_whitelist_status": "all_ads",
"name": "t3_851ifr",
"spoiler": false,
"permalink": "/r/reactjs/comments/851ifr/react_bootstrap4_free_admin_template/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521289593,
"url": "https://reduction-admin.firebaseapp.com/",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521260793,
"subreddit_name_prefixed": "r/reactjs",
"ups": 22,
"media": null,
"num_comments": 5,
"is_self": false,
"title": "React + Bootstrap4 Free Admin Template",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": null,
"is_reddit_media_domain": false,
"saved": false,
"id": "84xomk",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "hb_to_ms",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 98,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "github.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/7lPRv8-naYUl_PKmeJndOAhvJKqymDiGFUXYdqx6A4A.jpg?fm=jpg&s=73c0ee7ea791d7793f3e71f18f05b4db", "width": 210, "height": 210 }, "resolutions": [ { "url": "https://i.redditmedia.com/7lPRv8-naYUl_PKmeJndOAhvJKqymDiGFUXYdqx6A4A.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=dd90875d6ede51f9a0e2d87346413f79", "width": 108, "height": 108 } ], "variants": {}, "id": "Y2o980Gg8xjCpZ2q0Uh9D9XRk5SAjY9CCTWQTu0QICw" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/APvcrjodXJf-ioVunPmiOoQU4euyR4SN010J9JkimQY.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {},
"media_embed": {},
"post_hint": "link",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 140,
"parent_whitelist_status": "all_ads",
"name": "t3_84xomk",
"spoiler": false,
"permalink": "/r/reactjs/comments/84xomk/new_react_graphql_aws_appsync_aws_amplify_example/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521254031,
"url": "https://github.com/aws-samples/aws-amplify-graphql",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521225231,
"subreddit_name_prefixed": "r/reactjs",
"ups": 98,
"media": null,
"num_comments": 15,
"is_self": false,
"title": "New React + GraphQL + AWS AppSync + AWS Amplify example project includes user sign in + user authorization for GraphQL queries",
"mod_note": null,
"is_video": false,
"distinguished": null
}
},
{
"kind": "t3",
"data": {
"subreddit_id": "t5_2zldd",
"approved_at_utc": null,
"send_replies": true,
"mod_reason_by": null,
"banned_by": null,
"num_reports": null,
"removal_reason": null,
"thumbnail_width": 140,
"subreddit": "reactjs",
"selftext_html": null,
"selftext": "",
"likes": null,
"suggested_sort": null,
"user_reports": [],
"secure_media": {
"oembed": { "provider_url": "https://www.youtube.com/", "title": "React Drag and Drop tutorial without using external or third party libraries", "type": "video", "html": "<iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/FdDpyD4EMrA?start=209&feature=oembed&enablejsapi=1&enablejsapi=1&enablejsapi=1\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>", "thumbnail_width": 480, "height": 338, "width": 600, "version": "1.0", "author_name": "TekAcademy Labs", "thumbnail_height": 360, "thumbnail_url": "https://i.ytimg.com/vi/FdDpyD4EMrA/hqdefault.jpg", "provider_name": "YouTube", "author_url": "https://www.youtube.com/user/tekacademylabs" },
"type": "youtube.com" },
"is_reddit_media_domain": false,
"saved": false,
"id": "84uby4",
"banned_at_utc": null,
"mod_reason_title": null,
"view_count": null,
"archived": false,
"clicked": false,
"no_follow": false,
"author": "thinkrajesh",
"num_crossposts": 0,
"link_flair_text": null,
"mod_reports": [],
"can_mod_post": false,
"is_crosspostable": false,
"pinned": false,
"score": 71,
"approved_by": null,
"over_18": false,
"report_reasons": null,
"domain": "youtube.com",
"hidden": false,
"preview": {
"images": [ { "source": { "url": "https://i.redditmedia.com/OrqYFFygIm8FOcjAG34hx_eSQxwjx6ZrsJC9p7zMpQw.jpg?fm=jpg&s=ca6b01b7fdff676e4e315a95ae96dce9", "width": 480, "height": 360 }, "resolutions": [ { "url": "https://i.redditmedia.com/OrqYFFygIm8FOcjAG34hx_eSQxwjx6ZrsJC9p7zMpQw.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=108&fm=jpg&s=30db3e80adeda1ca38cb2c813e984790", "width": 108, "height": 81 }, { "url": "https://i.redditmedia.com/OrqYFFygIm8FOcjAG34hx_eSQxwjx6ZrsJC9p7zMpQw.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=216&fm=jpg&s=0e10afa660372bf671de42cdc09cad74", "width": 216, "height": 162 }, { "url": "https://i.redditmedia.com/OrqYFFygIm8FOcjAG34hx_eSQxwjx6ZrsJC9p7zMpQw.jpg?fit=crop&crop=faces%2Centropy&arh=2&w=320&fm=jpg&s=587b6458f324876e2c01c3c9bd805ef7", "width": 320, "height": 240 } ], "variants": {}, "id": "e9ulU8d_DY2jjlOBemJnAVhaTRCc8PXwNoPbeNAXB-w" } ],
"enabled": false },
"thumbnail": "https://b.thumbs.redditmedia.com/4HfLo-5Yvwt33lsXMWQ7oLKeHTHET8d27IPKzEWKV0k.jpg",
"edited": false,
"link_flair_css_class": null,
"author_flair_css_class": null,
"contest_mode": false,
"gilded": 0,
"downs": 0,
"brand_safe": true,
"secure_media_embed": {
"content": "<iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/FdDpyD4EMrA?start=209&feature=oembed&enablejsapi=1&enablejsapi=1&enablejsapi=1\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>",
"width": 600,
"scrolling": false,
"media_domain_url": "https://www.redditmedia.com/mediaembed/84uby4",
"height": 338 },
"media_embed": {
"content": "<iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/FdDpyD4EMrA?start=209&feature=oembed&enablejsapi=1&enablejsapi=1&enablejsapi=1\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>",
"width": 600,
"scrolling": false,
"media_domain_url": "https://www.redditmedia.com/mediaembed/84uby4",
"height": 338 },
"post_hint": "rich:video",
"author_flair_text": null,
"stickied": false,
"visited": false,
"can_gild": false,
"thumbnail_height": 105,
"parent_whitelist_status": "all_ads",
"name": "t3_84uby4",
"spoiler": false,
"permalink": "/r/reactjs/comments/84uby4/published_react_drag_and_drop_tutorial_without/",
"subreddit_type": "public",
"locked": false,
"hide_score": false,
"created": 1521223662,
"url": "https://www.youtube.com/watch?v=FdDpyD4EMrA&t=209s",
"whitelist_status": "all_ads",
"quarantine": false,
"subreddit_subscribers": 46678,
"created_utc": 1521194862,
"subreddit_name_prefixed": "r/reactjs",
"ups": 71,
"media": {
"oembed": { "provider_url": "https://www.youtube.com/", "title": "React Drag and Drop tutorial without using external or third party libraries", "type": "video", "html": "<iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/FdDpyD4EMrA?start=209&feature=oembed&enablejsapi=1&enablejsapi=1&enablejsapi=1\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>", "thumbnail_width": 480, "height": 338, "width": 600, "version": "1.0", "author_name": "TekAcademy Labs", "thumbnail_height": 360, "thumbnail_url": "https://i.ytimg.com/vi/FdDpyD4EMrA/hqdefault.jpg", "provider_name": "YouTube", "author_url": "https://www.youtube.com/user/tekacademylabs" },
"type": "youtube.com" },
"num_comments": 10,
"is_self": false,
"title": "Published React drag and Drop tutorial without using third party library",
"mod_note": null,
"is_video": false,
"distinguished": null
}
}
],
"before": null
}
}