Explain the philosophy of Remix design through examples

Rich experience in Remix

Remix version: v1.14.1

Remix philosophyThe word that I felt most deeply during reading is rich in experience, using a map data structure to express it:

let remixPhilosophy = Map({
    1: 'Experience in development',
    2: 'Training experience',
    3：'Excellent experience in open source'
})

Follow the objective development of the web

Objective development points are represented by a map data structure:

let rich_experience = Map({
    1: 'Follow the S/C model',
    2: 'Follow Web standards'，
    3: 'Follow progressive enhancement',
    4: 'Not going through the abstract',
})

Follow the S/C model

Remix unifies the front-end into a Route Module, but still follows the S/C model:

• loader front-end data description:

let sc_remix_router = {
    fe: 'useLoaderData_hook',
    be: 'export_loader_async_fn'
}

• Action Front and backend data description:

let sc_remix_router = {
    fe: 'useActionData_hook',
    be: 'export_action_async_fn'
}

Follow Web standards

Follow web standards development description:

let web = {
    'support': ['web_standard', 'http', 'html'],
    'examples': ['fetch_api', 'link_tag', 'meta_tag', 'form']
}

Progressive

Based on the original html, css/javascript/from/asynchronous data and other functions are enhanced

let enhance = {
    can_no_css_or_javascript: true,
    can_on_layout_data: true,
    can_no_loading: true,
    data_CRUD: true
}

Don't do excessive abstraction

remix is ​​sensitive to excessive abstraction due to educational experience, which is obviously unfavorable to beginners. For example, when introducing css, it still uses link to introduce it. The difference is: from the link tag, it turns into outputting a link function.

let define_link_example = {
    html: 'link_tag',
    remix: 'export_link_fn'
}

summary

Remix develops a progressive full-stack framework that follows Web standards and S/C models due to years of development and training and open source experience. Remix's routing module structure is simple and clear, and can easily and quickly complete web development tasks.

The above is a detailed content explaining the philosophy of Remix design through examples. For more information about the philosophy of Remix design, please pay attention to my other related articles!