Skip to content

Example/static components#2

Open
AceMouty wants to merge 5 commits intosolidjs-community:mainfrom
AceMouty:example/static-components
Open

Example/static components#2
AceMouty wants to merge 5 commits intosolidjs-community:mainfrom
AceMouty:example/static-components

Conversation

@AceMouty
Copy link
Copy Markdown
Contributor

A demo showing a simple site built with (non stateful) components using SolidJS

Features:

  • CSS modules
  • Solid components (non stateful)
  • Global stying and custom props in src/index.css

static-components-result

@@ -0,0 +1,109 @@
/*
{{
Copy link
Copy Markdown

@milomg milomg Jun 22, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

import { Navbar } from './components/Navbar';
import { Title } from './components/Title';

const App: Component = () => {
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would argue that one common style should be used for Components, I think that export default function FunctionName is also used in the tutorial on site. So export default function App here?

import logo from '../../logo.svg';
import { SocialList } from '../SocialList';

export default function () {
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe add a name to the function here, for consistency sake?

@mosheduminer
Copy link
Copy Markdown
Collaborator

Mind resolving the merge conflict please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants