Get started with SolidJs as a Developer in React

This is a quick guide to getting started with the full-blown reactive JavaScript framework, coming from the perspective of a React Developer. Comprehensive guide coming soon, watch out!

Steps

Step 1

create the folder for your new project

Step 2

Open the project folder in your favourite code editor (i.e. vscode)

Step 3

Run this command in your terminal:

npx degit solidjs/templates/js  .

Take note, if you are running windows and PowerShell is your default, you may receive an error. Do switch to Git Bash in your terminal to run flawless on windows.

Step 4

Run the command:

npm i

for yarn, run

yarn add

Step 5

Open your package.json file to cross-check the dependencies installed.

Step 6

As a developer in react, you may be searching already for dependencies such as router, styled-components, or react-icons

Search no further, Solidjs got you, by simply running this command

npm i solid-styled-components solid-icons @solidjs/router

for yarn, run

yarn add solid-styled-components solid-icons @solidjs/router

Step 7

Run the command:

npm start:

and get your application running in the powerful & sleek SolidJs framework! 🎉

There you go!

🎉 Welcome to the SolidJs Reactive Community!

Further Reading

• https://www.solidjs.com/guides/getting-started
• https://how-to.dev/how-to-start-a-project-with-solidjs

• https://www.solidjs.com/ecosystem

  P.S I am writing a comprehensive guide on learning solidjs A-Z. You can join the waitlist o be one of the firsts to grab it when available.

Acknowledgement

Dev P Academy

Thanks for engaging! 🎉