{"id":15173071,"url":"https://github.com/kalinchernev/drupal_block_reactive","last_synced_at":"2025-10-01T10:31:17.666Z","repository":{"id":70909878,"uuid":"59595033","full_name":"kalinchernev/drupal_block_reactive","owner":"kalinchernev","description":"Drupal 8, ES2015 (w/ Babel) and React.js","archived":true,"fork":false,"pushed_at":"2016-08-01T20:11:09.000Z","size":1844,"stargazers_count":9,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-09-27T10:41:10.206Z","etag":null,"topics":["babel","drupal","drupal8","react","reactivity"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kalinchernev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-24T17:42:17.000Z","updated_at":"2023-06-15T08:43:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"ef69d386-273d-466f-86a4-32499e0ec544","html_url":"https://github.com/kalinchernev/drupal_block_reactive","commit_stats":{"total_commits":20,"total_committers":2,"mean_commits":10.0,"dds":0.09999999999999998,"last_synced_commit":"f8e4c96843b652b825ee160d35cb6a0accc9f378"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kalinchernev%2Fdrupal_block_reactive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kalinchernev%2Fdrupal_block_reactive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kalinchernev%2Fdrupal_block_reactive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kalinchernev%2Fdrupal_block_reactive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kalinchernev","download_url":"https://codeload.github.com/kalinchernev/drupal_block_reactive/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234858829,"owners_count":18897817,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","drupal","drupal8","react","reactivity"],"created_at":"2024-09-27T10:40:34.805Z","updated_at":"2025-10-01T10:31:17.102Z","avatar_url":"https://github.com/kalinchernev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Drupal Block Reactive (codename Hipster)\n\n[Drupal 8](https://www.drupal.org/8) module creates a block with recent comments. Displayed dynamically using [React.js](https://facebook.github.io/react/).\n\n[ES2015 (ES6)](https://babeljs.io/docs/learn-es2015/) is used via Babel and npm scripts.\n\nThe goal of the module is to be as simple as possible: minimum dependencies, tools and steps to actually write ES6 code that works. \nThis way, developers can play easily without too much hassle of setting up webpack for example.\n\n## Requirements\n- [node.js](https://nodejs.org/en/download/) for using npm. The internal API is based on Views.\n- npm for package management (comes with node.js)\n- working [Drupal 8](https://www.drupal.org/project/drupal) project\n- command line to make your life easier\n\n## Installation\n1. Go to the /modules folder in your Drupal 8 project (normally DRUPAL_ROOT/modules)\n2. Clone this repository (or download a zip with the source)\n3. Enable the Drupal module by `drush pm-enable drupal_block_reactive` or [via the UI](https://www.drupal.org/documentation/install/modules-themes/modules-8)\n4. Go to the block management page '/admin/structure/block' and find/place the custom module 'Recent comments (reactive)'\n5. Go to the page where you placed the block and you should see 'No comments.' message in a block.\n\nNow, play with the reactivity by splitting the window into 2 and posting a comment from one to the other. The expected modern behavior :)\n\nIf you want to modify the /js, run `npm install` to download dependencies and `npm run dev` to write ES6 code in watch mode.\n\n## Demo\n\n![ScreenShot](https://raw.github.com/kalinchernev/drupal_block_reactive/master/screenshot.gif)\n\n## Inspirations\n\n- [Drupal React Block](https://github.com/blackwood/drupal-react_blocks) (same idea for Drupal 7)\n- [React.js tutorial](https://facebook.github.io/react/docs/tutorial.html)\n- [Powering Up With React](https://www.codeschool.com/courses/powering-up-with-react)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkalinchernev%2Fdrupal_block_reactive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkalinchernev%2Fdrupal_block_reactive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkalinchernev%2Fdrupal_block_reactive/lists"}