Giter Club home page Giter Club logo

snen.dev's Introduction

snen.dev

DEPRECATED

Old version of https://snen.dev

Tech

Based on https://codesandbox.io/s/kind-sammet-j56ro (React 18 RC demo) but using Deno 1.19.0.

How to read this code

Most directories have READMEs that should help describe how each file is used. These should serve as a decent entrypoint.

In general, the layout is relatively straightforward:

  • /assets contains bigger resources like images and video files
  • /public contains developer-defined css
  • /entries contains posts for content I've written or made
  • /build contains build scripts, which ideally are few
  • /src contains all the application code
    • /deps contains any 3rd-party code
    • /server contains all the code for running the server and managing file data (e.g. post content)
    • /client contains all the client code, including entrypoints for client and server
      • /app/data contains any components or code that have to do with data requests
      • /app/layout contains any components that structure the layout of basic pages
      • /app/pages contain components definitions for each application route

All of public, entries, and the compiled result of src are copied into /dist at build time.

Tools/References

  • figma, where I sketched layouts to help me figure out what I wanted to build
  • palettte, where I experimented with colors
  • ultrajs, a framework for building react-in-deno applications. (it seems like a great package!) I referenced some commits in this repository early on, as I studied the new React 18 changes.

snen.dev's People

Contributors

snendev avatar

Stargazers

 avatar

Watchers

George Saussy avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.