Ah I see
You have no element with the id
root
Put a
<div id="root"></div> in your body above your script
Your code is looking for an element with that ID and it can't find it. I usually name mine something else like "app" so it's entirely arbitrary what you call it.
If this is your first stab at functional-ish UI (or web UI at all) then there are going to be a whole lot more moments like this, trust me
CSS in particular is a nightmare
good luck and have fun
Then I found Scala and tried react through it. Never going back.
@elkhadirzyad instead of
a(b) you now have to compose TagMods by TagMod(a, b). If you're upgrading from 1.1.1 I strongly recommend you go through all the changelogs from 1.1.1 to 1.7.0. I know it's a good 15 minutes of nothing but reading but there are plenty of other changes you'll run into as well if you're upgrading from 1.1.1. Firstly it's all documented in the changelogs; secondly, you should run the migration scripts that are in a lot of the changelogs as it will automate the majority of the upgrade for you. Good luck!
Something like this: https://github.com/chandu0101/scalajs-react-template
But with sjs 1.1.0 and sjs-react 1.7.5
But with sjs 1.1.0 and sjs-react 1.7.5
@arminio I had similar pain recently in trying to get started with the simplest of examples. Here's a TODO app I finally got working with no small amount of help from @sloshy!
yup, it works! thanks again @mn98
you should speak with @japgolly to add it (https://github.com/mn98/scalajs-react-examples) to git repos home page as a working bare project
you should speak with @japgolly to add it (https://github.com/mn98/scalajs-react-examples) to git repos home page as a working bare project
1 reply
@arminio @japgolly Hi both, fwiw I tidied up the project skeleton a bit. If it's at all helpful, please do feel free to reference/fork/whatever it.
do someone worked on material ui 3.9.4 (proposed by https://scalablytyped.org), i need help to do a demo of the component "Stepper" with "Steps", any help ?
hello everyone, I have a project containing all material ui demos, since autocomplete does not exist, i tried to rely on downshift (https://github.com/trepidacious/scalajs-react-downshift) to create one, in compilation i have no errors, but when i run the app , i got the error below, someone can help ?
I felt curious enough about whether downshift worked with ST (because I need some autocompletion as well and had worked with it before) that I ported the first example I found: https://github.com/ScalablyTyped/SlinkyDemos/blob/master/downshift/src/main/scala/demo/Demo.scala
I guess both slinky and scalajs-react misses syntax for spread props, otherwise it worked perfectly
@oyvind i have spread in red, what am i missing ?
now i have error
in line 590
Wrap it in triple backticks - ```
Hi all,
I need some help setting up my first unit test for sjs react. I have the following test:
import utest._
.....
object TestTest extends TestSuite {
val tests: Tests = Tests {
"plainElement" - {
val re: VdomElement = <.div("Good")
val c = ReactTestUtils.renderIntoDocument(re)
test(c, """<div>Good</div>""")
}
}
}When I run it I get this error:
- TestTest.plainElement.0 2ms
scala.scalajs.js.JavaScriptException: ReferenceError: document is not defined
<jscode>.Object.renderIntoDocument(react-dom-test-utils.development.js:1163)
japgolly.scalajs.react.test.ReactTestUtils$.renderIntoDocument(ReactTestUtils.scala:66)
<jscode>.array$9(Chicken.scala:51)
scala.scalajs.runtime.AnonFunction0.apply(AnonFunctions.scala:22)So renderIntoDocument is erroring as there are no documents to render to.
Does anyone know what is causing this?