feat: preload next question data

Author: JulienDemarque

.eslintignore

@@ -2,3 +2,4 @@ node_modules/*
 public/*
 build/*
 config/*
+dist/*

src/js/views/JsExercise.jsx

@@ -57,6 +57,7 @@ const JsExercise = ({ match }) => {
   }, [data, match]);
 
   Prism.highlightAll();
+
   useEffect(() => {
     import(`../../../data/javascript/${match.params.exercise}/index.json`).then(
       json => {
@@ -71,6 +72,20 @@ const JsExercise = ({ match }) => {
     });
   }, [match]);
 
+  useEffect(() => {
+    // preload next question
+    console.log(
+      'match',
+      match.params.exercise,
+      'next question',
+      nextQuestion.key,
+    );
+    import(
+      `!raw-loader! ../../../data/javascript/${nextQuestion.key}/question.js`
+    );
+    import(`../../../data/javascript/${nextQuestion.key}/index.json`);
+  }, [match, nextQuestion]);
+
   return (
     <Container className="mt-3 mb-3">
       <h2>{data.title}</h2>