Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

drupal-js

Best practices to integrate a Drupal 8.x+ backend with a JavaScript framework frontend
https://github.com/eworx-org/drupal-js

Last synced: 19 minutes ago
JSON representation

JS
- Popular JS frontend frameworks
  - Remix
  - Next
  - Angular
- Tools for JS development
  - nvm
  - JSON
  - Hygen - cli), [generact](https://github.com/diegohaz/generact)
  - qs - react-parser](https://github.com/remarkablemark/html-react-parser)
  - danger
  - jsdoc
  - npm-check - check-updates](https://www.npmjs.com/package/npm-check-updates)
  - husky
  - next-boost - lazy-load-image-component](https://www.npmjs.com/package/react-lazy-load-image-component), [node-cache](https://www.npmjs.com/package/node-cache), [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer)
  - lingui - polyglot)
  - VSCode
- JS terminology
  - SSR - vs-ssr-in-next-js), [ISR](https://blog.logrocket.com/incremental-static-regeneration-with-next-js), [DSG](https://www.gatsbyjs.com/docs/how-to/rendering-options/using-deferred-static-generation), [CSR](https://frontend-digest.com/client-side-rendering-vs-server-side-rendering-vs-static-site-generation-2a0702cbb08d)
- JS app structure
  - Move files around until it feels right
  - 1 - project-structure-best-practices-kh20323x), [3](https://blog.usejournal.com/folder-structure-in-react-apps-c2ae8974d21f), [4](https://hackernoon.com/structuring-projects-and-naming-components-in-react-1261b6e18d76), [5](https://reactjs.org/docs/faq-structure.html)
- Styling a JS app
  - tailwindcss
Drupal
Framework: React
- Learn React
Framework: NextJS
- Learn NextJS
  - nextjs.org/learn/basics/create-nextjs-app
  - nextjstips.com
- Drupal + NextJS
Final tips
- Druxt Quick-start templates
  - create-react-app
Framework: Nuxt.js
- Druxt Quick-start templates
Similar resources
- Druxt Quick-start templates
  - d34dman/awesome-drupal-jsonapi

Programming Languages

PHP 8 JavaScript 3 TypeScript 2 Shell 1

Categories

Drupal 140 JS 18 Framework: NextJS 5 Framework: Nuxt.js 4 Framework: React 3 Final tips 1 Similar resources 1

Sub Categories

Drupal modules 117 Drupal slack channels 11 Tools for JS development 11 npm packages for Drupal 10 Druxt Quick-start templates 6 Drupal + NextJS 3 Popular JS frontend frameworks 3 Learn React 3 About Drupal decoupled solutions 2 JS app structure 2 Learn NextJS 2 Styling a JS app 1 JS terminology 1

Keywords

drupal 3 javascript 2 template 2 react 2 druxt 2 nextjs 2 drupal-8 2 hooks 1 pre-commit 1 cache 1 ssr 1 swr 1 typescript 1 i18n 1 icu 1 internationalization 1 intl 1 git 1 commit 1 zsh 1 version-manager 1 shell 1 posix-compliant 1 posix 1 nvmrc 1 nvm 1 nodejs 1 node-js 1 node 1 lts 1 install 1 bash 1 module 1 quickstart 1 nuxt 1 gitpod 1 scafolding 1 graphql 1 boilerplate 1 website 1 webdevelopment 1 redux 1 reactjs 1 react-router-dom 1 programming 1 js 1 html5 1 html 1 css 1 challenge 1