sadeghbarati

Stimulus cheatsheet

• Website: https://stimulusjs.org/
• GitHub repo: https://github.com/stimulusjs/stimulus
• Handbook: https://stimulusjs.org/handbook/introduction
• Discourse: https://discourse.stimulusjs.org/

Lifecycle callbacks

• initialize: once, when the controller is first instantiated
• connect: anytime the controller is connected to the DOM

sadeghbarati

<?php // You need to add server side validation and better error handling here

$data = array();

if(isset($_GET['files']))
{  
	$error = false;
	$files = array();

	$uploaddir = './uploads/';

sadeghbarati

<form id="form">
  <input type="name" name="full_name" />
  <input type="file" name="image" />
  <button type="submit">Submit</button>    
</form>

// Fetch

sadeghbarati

Using barba.js with Sage starter theme

Barba.js is a library using pushState and AJAX allowing websites to load pages asynchronously while still maintaining browser states and history.

Combining it with some JavaScript animations libraries can help craft some memorable browsing experiences.

source

In this guide, we will try to find an optimal way to integrate Barba with our beloved Sage theme !