Nette Framework 3 + Webpack 4

This is just for education.

There is a simple example of Nette Framework with jQuery 3, bootstrap 4 and Naja. Naja is modern ES6-like library for Nette snippets ajaxification.

These assets are compiled and bundled together with Webpack.

Requirements

• Nette 3.0+
• PHP 7.3+

Development

• git clone https://github.com/nette/examples.git
• cd Webpack/
• cp app/config/config.local.neon.dist app/config/config.local.neon
• composer install
• npm install
• npm run dev
• php -S 0.0.0.0:8000 -t www

Deployment

• npm run build

Features

• 👍 Nette 3.0
• 👍 Webpack configuration
  • 🎉 extracting JS to single bundle
  • 🎉 extracting CSS to single file
  • 🎉 more bundles (front/admin/vendor)
• 👍 Snippets
  • 🎉 few snippets
• 👍 Nette Form
  • 🎉 AJAX submitting
  • 🎉 form builder
    • empty value on control (@ in email)
    • validation rules (filled + email)
    • simple filter (transform email to lowercase)
    • onValidate / onSubmit / onSuccess
  • 🎉 manual rendering
    • success snippet / error snippet
    • required class on form-group
    • description on control

Roadmap

• ❓ pure sendPayload method
• ❓ dynamic snippets ( + snippetArea )
• ❓ Vue.js component

Result

Webpack

PHP Development Server

Browser