You need not go absolutely ‘headless’ to make use of React for components of your web site. On this tutorial, we’ll use Drupal Development 8 JsonAPI Drupal 10 module to speak between a React element and Drupal Development framework.   As a easy instance, we’ll construct a ‘Favourite’ function, which permits customers to favourite (or bookmark) nodes. Such a function is usually dealt with on websites with Flag Drupal 10 module, however to illustrate (hypothetically…) that you’ve come down with -Drupal 10 module-itis. You are sick of messing round with Drupal 10 modules and making an attempt to customise them to do precisely what you need whereas additionally coping with their bugs and updates. You are going customized at this time. Comply with together with my Github repo. Configure a customized Drupal 10 module Very first thing’s first Drupal 10 Upkeep and Assist Service information storage. How will we retailer which nodes a consumer has favorited? A pleasant and straightforward methodology is so as to add an entity reference discipline to Drupal Development consumer entity. We are able to simply disguise this discipline on Drupal Development ‘Handle Type Show’ and/or ‘Handle Show’ settings since we’ll be making a customized consumer interface for favoriting. While you set up Drupal Development Favourite Drupal 10 module in Drupal Development repo, it should add Drupal Development discipline ‘field_favorites’ so that you can Drupal Development consumer entity Drupal 10 Upkeep and Assist Service see Drupal Development config/set up listing. Subsequent up Drupal 10 Upkeep and Assist Service outline Drupal Development a part of Drupal Development web page that React will substitute. Usually, you’ll substitute an HTML ingredient outlined by an id with a React element. If that is your first time listening to this, it is best to do some primary React tutorials. I began with one on Code Academy.  Learn extra Drupal 10 Improvement and Assist