front end languages React Component Dev with GraphQL Data (P5D86) - Live Coding with Jesse

Project 5 Day 86: Today we will refactor and update our faculty.js component to incorporate data from new custom fields.

See a professional front-end developer at work. Unscripted. Mistakes included.

Next.js 5: https://zeit.co/blog/next5

Project Repo: https://github.com/fus-marcom/francis...

React: https://facebook.github.io/react/

Gitter: https://gitter.im/LiveCodingwithJesse...

Twitter: https://twitter.com/JesseRWeigel
Youtube: https://www.youtube.com/c/JesseWeigel29
Instagram: https://www.instagram.com/jesse.weigel/

Code Editor: Visual Studio Code
VS Code Theme: Seti
Terminal: https://www.iterm2.com/
Project Management: https://trello.com

-

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_cent...

front end languages React Component Dev with GraphQL Data (P5D86) - Live Coding with Jesse
29 Likes	29 Dislikes
1,087 views views	1.35M followers
Education	Upload TimeStreamed live on 11 Jul 2018

Related keywords

software engineer - yes she codes 2019,html5,web development helper,engineering management,coding bootcamp mexico,codingbat,engineering for kids,css tutorial pdf,web designer curso ead,front end react,nonprofits in the bronx,graphql nodejs,reactjs hooks,css position,freecodecamp.org javascript,css flexbox,freecodecamp.org forum,coding and marking services s.a,coding music,engineering design process,engineering colleges,reactjs bootstrap,css box model,nonprofits organizations,coding challenges,web development agency,engineering notebook,apollo creed,javascript switch,graphql apollo,html kodları,learn to code in java,learn to code medium,developer full stack,engineering games,mathilda leon,apollonia,python gui,material design icons download,programmer jobs,coding bootcamp buenos aires,technology addiction,programmer socks,technology companies,python dictionary,reactjs github,coding bootcamp praha,css background image,nonprofits in nyc,reactjs reddit,coding que es,developer options traduccion,web designer vagas,html ile gelişmiş web işlemleri,programmer salary,graphql java,coding horror,front end trabajo,web development on mac,coding bootcamp bogota,full stack developer meaning,web development germany,nonprofits in brooklyn,material design io,software engineer salary canada,full stack web development,javascript date,software engineering book,nonprofits in newark nj,javascript для дітей,materialdesignicons font,python online,technology meme,web development with mongodb and nodejs,nonprofits in new york,learn to code sites,nonprofits on long island,css in html,math 120,mathway,programmer vs developer,developer mode,http://material-design.com,frontend masters,front end web,graphql example,math 119,web designer salario,learn to code arduino,html to pdf,css meaning,freecodecamp.org html,freecodecamp.org blog,graphql api,python for cycle,javascript tutorial,learn to code guide,coding school argentina,http://freecodecamp.org,apollo theater,mathazone portal,javascript це,learn to code with ruby,technology in education,web development это,front end angular,technology stocks,materialdesignicons.css,developer samsung,coding dojo,full stack designer,graphql เบื้องต้น,reactjs tutorial,front end en español,engineering careers,full stack python,technology stack,software engineering,coding bootcamp peru,freecodecamp.org certificate,html table,materialdesignicons.min.css,coding for kids,learn to code html & css develop & style websites,nonprofits in nj,freecodecamp.org reddit,javascript reduce,web development presentation,developer console,front end vs back end,freecodecamp.org medium,coding school,programmer analyst jobs,material design icons cdn,web designer o que faz,programmer's notepad,developer mozilla,materialdesignicons webfont,web development курсы,learn to code html & css,coding bootcamp madrid,web designer,css class,technology credit union,coding ways,mathazone,programmer interview questions,programmer calculator,python snake,web development w3schools,javascript книги,css profile,coding love,software engineer salary,materialdesignicons-webfont.woff2,software engineer vs developer,front end developer salary,python class,reactjs typescript,html yorum satırı,python regex,graphql react,css selectors,mathieu valbuena,software engineer intern,software engineer jobs,engineering paper,nonprofits near me,javascript map,technology jobs,python if,engineering toolbox,freecodecamp.org music,graphql server,nonprofits hiring nyc,apollo 17,engineering salary,apollo 11,full stack engineer 翻訳,apollo 10,apollo 13,apollo 12,freecodecamp.org react,learn to code c++,javascript foreach,apollo 18,coding zone,web development ide,full stack supply co,developer que es,engineering notation,apollo 1,html dersleri,html button,apollo 8,front end jr,programmer memes,graphql สอน,materialdesignicons,learn to code for free,learn to code in wordpress,freecodecamp.org podcast,coding bootcamp online,javascript это,developer traduccion,learn to code from zero,javascript online,html öğren,javascript уроки,material design paper,learn to code journalists,learn to code with python 3,web designer curso,technology definition,full stack academy,reactjs interview questions,react useref,reactjs setstate,technology stores near me,programmer resume,reactjs router,html indir,html form,software engineering course,python tutorial,developers google,web development stages,css animations,freecodecamp.org python,developer mar del plata,mathilda,technology news,reactjs examples,coding bootcamp,front end engineering design,freecodecamp.org login,full stack development,full stack javascript,freecodecamp.org review,learn to code with me,web designer grafico,graphql playground,mathayus,javascript for,engineering manager salary,web design responsivo,freecodecamp.org radio,apollonia brooklyn,graphql vs rest,graphql-tag,full stack meaning,developer android,css tricks,software engineering ian sommerville,freecodecamp.org php,software engineer salario,learn to code from scratch,programmer analyst,full stack modular,nonprofits to work for,technology high school,graphql mongodb,graphql resolver,coding bootcamp argentina,web designer significado,software engineering sommerville,web designer portfolio,full stack 意味,reactjs vs angular,graphql tutorial,apollo 11 crew,technology quotes,programmer resources international,learn to code quotes,graphql type,javascript substring,freecodecamp.org java,html renk kodları,developer park,apollo theatre,programmer keyboard,mathmazeil,codingame,mathayus fantastik film,web development in 2019,javascript class,coding bootcamp london,engineering internships,python array,engineering explained,python input,javascript array,web designer curso gratis,html template,css color codes,engineering technology,full stack java,graphql คือ,developer console google,software engineering a practitioner's approach,freecodecamp.org youtube,html editor,coding bootcamp europe,web development trends 2019,software engineering institute,nonprofits insurance alliance group,coding bootcamp panama,web development studio,reactjs components,mathias rust,material design wpf,full stack trace of the errors,software engineering daily,engineering technician,apollo global management,javascript split,full stack developer course,web designer tradução,python 3,material design github,learn to code mark zuckerberg,web development services,css templates,nonprofits hiring,web designers,freecodecamp.org c++,material design color,mathias pereira lage,reactjs redux,technology background,cssd,reactjs conditional rendering,coding bootcamp tec de monterrey,python download,technology synonym,css grid,front end back end meme,python ide,coding bootcamp chile,technology in the classroom,web design inspiration,developer twitter,css pdf,front end developer,engineering jobs near me,full stack developer とは,web designer freelancer,developers facebook,python sleep,software engineer nubank,python print,python windows,engineering majors,developer roblox,web development company,html5 nedir,full stack developer salary,graphql schema,software engineering books,reactjs vs react native,mathias zanka jorgensen,material design,graphql query,coding bootcamp rosario,web designer senac,web development tools,graphql yoga,nonprofits in connecticut,full stack developer resume,html boşluk,nonprofits based in nyc,front end frameworks 2019,programmer art resource pack,programmer dvorak,nonprofits in stamford ct,coding bootcamp guadalajara,javascript для детей,coding express,nonprofits nyc jobs,css color picker,learn to code online,developers mercadopago,developer options,software engineering pdf,mathias zanka,material design kit,front end y back end,coding bootcamp barcelona,web designer faculdade,coding house,technology readiness level,programmer humor,front end frameworks,material design-web font,html nedir,apollo 13 movie,apollo missions,mathworks,programmer analyst salary,nonprofits in harlem,nonprofits in manhattan,materialdesignicons mdi,html boşluk kodu,front end empleo,python random,full stack radio,engineering jobs,reactjs documentation,software engineer tradução,matlab,apollo 11 movie,apollo 11 documentary,nonprofits that pay well,javascript settimeout,css transition,learn to code html & css pdf,technology insurance company,html color,python kniha,programmer art,programmer jokes,mathtype,reactjs lifecycle,web development ukraine,html css,web designer emprego,mathematics,engineering degrees,freecodecamp.org github,technology etf,coding bootcamp houston,mathematica,web designer salvador,technology student association,apollo nida,python list,developers mercadolibre,front end loading,javascript replace,web designer mei,coding train,web development news,front end technologies,reactjs switch,reactjs form,coding bootcamp españa,front end curso,full stack web developer salary,software engineering salary,programmer job description,developer apple,web development book,css style rules,