{"id":95,"date":"2017-12-27T18:46:20","date_gmt":"2017-12-27T18:46:20","guid":{"rendered":"http:\/\/learncode.tinjurewp.com\/?page_id=95"},"modified":"2018-08-01T14:38:26","modified_gmt":"2018-08-01T14:38:26","slug":"resources","status":"publish","type":"page","link":"https:\/\/learncode.tinjurewp.com\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"<h3>Development Tools<\/h3>\n<h5>Books<\/h5>\n<p><a href=\"http:\/\/eloquentjavascript.net\/\" target=\"_blank\" rel=\"noopener\">Eloquent JavaScript<\/a><br \/>\nBy <em>Marijn Haverbeke<\/em>. A digital book about JavaScript, programming, and the wonders of the digital.<\/p>\n<p><a href=\"https:\/\/www.amazon.com\/React-Quickly-Painless-Redux-GraphQL\/dp\/1617293342\" target=\"_blank\" rel=\"noopener\">React Quickly<\/a><br \/>\nBy <em>Azat Mardan<\/em>. Learn to build web\u00a0apps with React, JSX, Redux, and GraphQL.<\/p>\n<p><a href=\"https:\/\/blog.jmes.tech\/react-fragment-and-semantic-html\/\" target=\"_blank\" rel=\"noopener\">React.Fragment and Semantic HTML<\/a><br \/>\nBy <em>James Williamson<\/em>. Lynda Learning<\/p>\n<h5>Single Page ReactJS-based sites<\/h5>\n<p><a href=\"https:\/\/github.com\/nozzle\/react-static\" target=\"_blank\" rel=\"noopener\">React Static<\/a><br \/>\nA progressive static-site generator for React. A\u00a0minimalistic framework for server-rendered React applications carefully designed to meet standards of SEO, site performance, and user\/developer experience. An introduction to the kit <a href=\"https:\/\/medium.com\/@tannerlinsley\/%EF%B8%8F-introducing-react-static-a-progressive-static-site-framework-for-react-3470d2a51ebc\" target=\"_blank\" rel=\"noopener\">Introducing React-Static\u200a\u2014\u200aA progressive static-site framework for\u00a0React!<\/a>\u00a0 is found in Medium.<\/p>\n<p><a href=\"https:\/\/github.com\/mikechau\/react-primer-draft\" target=\"_blank\" rel=\"noopener\">React Primer Draft<\/a><br \/>\nA primer for building Single-Page Applications with React with very detailed documentation.<\/p>\n<p>&#8220;<a href=\"https:\/\/github.com\/necolas\/react-native-web\" target=\"_blank\" rel=\"noopener\">React Native for Web<\/a>&#8221; Repo &#8211; by <em>Nicolas<\/em>.<br \/>\nA very useful resource for building web pages.<\/p>\n<p><a href=\"https:\/\/www.staticgen.com\/\" target=\"_blank\" rel=\"noopener\">StaticGen<\/a><br \/>\nLists of open-source static site generators.<\/p>\n<p><a href=\"https:\/\/hackernoon.com\/how-to-make-a-personal-site-with-react-and-javascript-%EF%B8%8F-6fdf26211124\" target=\"_blank\" rel=\"noopener\">How to make a personal site with React and JavaScript<\/a> &#8211; by <em>Matthew Thorry<\/em> (<strong>hackernoon.com<\/strong>)<br \/>\nStep-by-step tutorial to create a react based site using <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/github.com\/facebookincubator\/create-react-app\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/github.com\/facebookincubator\/create-react-app\">create-react-app<\/a>.<\/p>\n<h5>WordPress REST API based Themes<\/h5>\n<p><a href=\"https:\/\/github.com\/bkirby989\/WallaceTheme\" target=\"_blank\" rel=\"noopener\">Wallace<\/a><br \/>\nWallace is an experimental next-generation WordPress blogging theme built with the Rest API and Angular2. <a href=\"https:\/\/demo.wallacetheme.com\/\" target=\"_blank\" rel=\"noopener\">Demo<\/a> site is here and <a href=\"https:\/\/blog.wallacetheme.com\/\" target=\"_blank\" rel=\"noopener\">Development Blog<\/a> here.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/themes\/foxhound\/\" target=\"_blank\" rel=\"noopener\">Foxhound<\/a><br \/>\nA react-based theme, bringing single-page app goodness to your WordPress blog!<\/p>\n<h5>Web Tools<\/h5>\n<p><a href=\"https:\/\/webtoolsweekly.com\/#archive\" target=\"_blank\" rel=\"noopener\">Web Tools weekly<\/a><br \/>\nVery resourceful extensive list of development tools in the form of weekly issue.<\/p>\n<p><a href=\"https:\/\/teletype.atom.io\/\" target=\"_blank\" rel=\"noopener\">TeleType for Atom<\/a><br \/>\nAn application to collaborate in real time which allows developers share their workspace with team members and collaborate on code in real time.<\/p>\n<p><a href=\"https:\/\/codepen.io\/collection\/nMgKxJ\/#\" target=\"_blank\" rel=\"noopener\">Useful Pens for Everyday Front End Development<\/a><br \/>\nThis bookmark collection by <a href=\"https:\/\/twitter.com\/sarah_edo\" target=\"_blank\" rel=\"noopener\">Sarah Drasner<\/a> some very useful time-saving techniques that are helpful in practice in everyday development.<\/p>\n<h5>Resources on Headless WordPress<\/h5>\n<p><a href=\"https:\/\/medium.com\/@jchiatt\/headless-wordpress-with-react-d573bca02ee0\" target=\"_blank\" rel=\"noopener\">Headless WordPress with\u00a0React<\/a> &#8211; by <em>JC Hiatt<\/em> (<strong>medium.com<\/strong>)<br \/>\n<a href=\"https:\/\/blog.daftcode.pl\/wordpress-as-a-headless-cms-b4144c626695\" target=\"_blank\" rel=\"noopener\">WordPress as a Headless\u00a0CMS<\/a> &#8211; by <em>Adam Brono<\/em> (<strong>medium.com<\/strong>)<\/p>\n<h5>ReactJS &amp; WordPress<\/h5>\n<p><a href=\"https:\/\/github.com\/postlight\/headless-wp-starter\" target=\"_blank\" rel=\"noopener\">WordPress + React Starter Kit<\/a><br \/>\nThis starter kit (by <em>Gina Trapani<\/em>) spins up a WordPress backend with a React frontend talking to the WP REST API in two steps. More detailed introductory information is found in <a href=\"https:\/\/trackchanges.postlight.com\/introducing-postlights-wordpress-react-starter-kit-a61e2633c48c\" target=\"_blank\" rel=\"noopener\">this<\/a> post.<\/p>\n<p><a href=\"https:\/\/www.netlime.eu\/simple-tutorial-reactjs-wordpress\/\" target=\"_blank\" rel=\"noopener\">Simple website tutorial \u2013 ReactJS + WordPress<\/a> &#8211; A good tutorial setting up a site with <a href=\"http:\/\/reactjs.netlime.eu\/\" target=\"_blank\" rel=\"noopener\">DEMO<\/a> site.<\/p>\n<p><a href=\"https:\/\/blog.worona.org\/10-wordpress-themes-built-with-react\/\" target=\"_blank\" rel=\"noopener\">10 WordPress Themes Built with ReactJS<\/a> &#8211; Reyes Mart\u00ednez. An interesting post with an overview 10 WordPress themes with ReactJs.<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2018\/03\/react-wordpress-web-app\/\" target=\"_blank\" rel=\"noopener\">How To Build A Skin For Your Web App With React And WordPress<\/a> &#8211; by <em>Muhammad Muhsin<\/em> (<strong>smashingmagazine.com<\/strong>). Very detailed step-by-step tutorial creating a ReactJS &amp; REST API theme. He is also the author of React based theme <a href=\"https:\/\/github.com\/m-muhsin\/react-verse\" target=\"_blank\" rel=\"noopener\">react-verse<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Development Tools Books Eloquent JavaScript By Marijn Haverbeke. A digital book about JavaScript, programming, and the wonders of the digital. React Quickly By Azat Mardan. Learn to build web\u00a0apps with React, JSX, Redux, and GraphQL. React.Fragment and Semantic HTML By James Williamson. Lynda Learning Single Page ReactJS-based sites React Static A progressive static-site generator for [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":0,"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"wp:attachment":[{"href":"https:\/\/learncode.tinjurewp.com\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}