Post on 21-May-2020
transcript
WHOAMI?
• WordPressDevelopersince2010.
• FounderofWebpigment.
• PluginAuthor.
• WordCamp Traveler.
• Father,HusbandandDoglover.
WHATAREWEGOINGTOTALKABOUTTODAY
• WhatisReact?
• WhatdoesitmeanforawebsitetorunonReact?
• HowtoimplementReact.js withtheWordPressAPI?
• OryoucangoandlistentoJodieandhertalkaboutBuildingSuccessfulClientRelationshipsinaDigitalAge
THEAPPROACH
• React.js andindex.html inseparatedomainforretrievingdata.
• WordPressAPI+ACFProFlexiblefieldforbuildingthepagescontent.
THECONFIGURATION
• Domainforassets
• Domainforbackend
• DomainforAPIrequests
• Domainfortheindex.html (www)
• .htaccess maskingofthedomains
THEIMPLEMENTATION
• Createdallflexiblecontentblocks
• ConnectorclassbetweenReact.js classandWPRESTAPIresponsetoprocessthelayout
• Buildtheelements
THEOPTIMIZATION
• <picture>
• Optimizedimagesfordifferentdevices
• Cutting.classand#idnames
• CDN
• RemovedallunnecessarydatafromtheJSONresponse
FUTUREFUNCTIONALITIES
• Offlineaccesstothewebsite.
• Transferringtheimagesasencodeddata.
• Opensourceit.