Skip to content

Instantly share code, notes, and snippets.

@dapperAuteur
Created January 2, 2018 20:56
Show Gist options
  • Save dapperAuteur/a06f3af0e11b2b6c85e105e347bb7323 to your computer and use it in GitHub Desktop.
Save dapperAuteur/a06f3af0e11b2b6c85e105e347bb7323 to your computer and use it in GitHub Desktop.
this is the component with the list and it's imported into another component
import React, { Component } from 'react';
export default class ResourceList extends Component {
constructor(props) {
super(props);
this.state = {
cfps: [
{
"title": "it conferences call for papers list",
"link": "https://github.com/softwaremill/it-cfp-list"
},
{
"title": "paper call open CFP's",
"link": "https://www.papercall.io/cfps"
},
{
"title": "CFP Deadline Reminders",
"link": "https://twitter.com/mozTechCFPs"
},
{
"title": "Conference List",
"link": "https://conferencelist.co/"
},
{
"title": "Lanyrd",
"link": "http://lanyrd.com/"
},
{
"title": "Security Conference CFP's",
"link": "https://cfptime.org/"
}
],
"trainingSessions": [
{
"title": "Preparing a Talk Session",
"recording": "http://bit.ly/2i9A3QQ",
"slides": "http://bit.ly/2w6DopH",
"templates": "No Template",
"demo": "No Demo",
"description": "In this talk Gonto covered how to prepare a talk once you have been accepted to a meetup or conference. Content covered here included tips and tricks for making engaging slides, focusing on telling a narrative story rather than simply trying to cover facts, and he also showcased a brand new way to make a slide deck using DeckSet."
},
{
"title": "JSON Web Tokens and Auth0",
"recording": "http://bit.ly/2uNC37v",
"slides": "http://bit.ly/2iaHo2z",
"templates": "No Template",
"demo": "http://bit.ly/2weFowB",
"description": "In this meeting we covered what JSON Web Tokens (JWTs) are and how they work as well as the Auth0 Identity platform. All major features of the platform were showcased including different ways to log in, extensibility through rules, enhanced security features like MFA and Breached Password detection and more. If you are not very familiar with the Auth0 product this is a great introduction to the various features the product offers."
},
{
"title": "Auth0 Ambassador Introduction",
"recording": "http://bit.ly/2i9yKBx",
"slides": "http://bit.ly/2uVuYxm",
"templates": "No Template",
"demo": "No Demo",
"description": "In this session we welcomed and introduced the Auth0 Ambassador Program. We also introduced the Auth0 employees who will be working with the ambassadors and laid out the training sessions to come as well as what the program entailed."
},
{
"title": "Writing the Call for Papers (CFP)",
"recording": "http://bit.ly/2v5NuTi",
"slides": "http://bit.ly/2vHU2uZ",
"templates": "http://bit.ly/2fPulTF",
"demo": "No Demo",
"description": "The focus of this session was to cover the aspects of writing a good Call for Papers that will catch the attention of conference organizers. Gonto shared tips and tricks on how to make your CFP stand out from the rest including making it fun and intriguing and selecting an eye-catching title."
}
],
name: "Earl",
}
const cfps = this.state.cfps;
const trainingSessions0 = this.state.trainingSessions;
console.log(trainingSessions0[0].recording);
console.log(cfps[0].link);
// const x = trainingSessions["training session"][0]["Preparing a Talk Session"][0].recording;
// console.log(x);
// console.log(cfps.cfps[0]);
console.log(trainingSessions0);
// componentDidMount() {
// this
// }
}
render() {
return (
<div>
<div>
{ this.state.cfps.map(cfp => {
console.log("obj");
console.log(cfp);
<div className="cfp">
<h3>{ cfp.title }</h3>
<h3>{ cfp.link }</h3>
</div>
})}
</div>
</div>
)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment