I have huge content to be displayed like Paper Mache or https://lwcast.org/Mobile which uses enjoy framework. Looks the enyo framework is not very active right now or not sure whether i should use enjojs
Could you please kindly suggest the best framework or plugin or anything similar to Paper Mache or Enjo framework implementation like https://lwcast.org/Mobile or should we use enyojs which will satisfy the artcile or paper publishing website with search engine.
You can use Enact. https://enactjs.com/
Thanks
1 reply
FROM node:16 AS build
WORKDIR /usr/src/pos
#ENV NODE_OPTIONS=--openssl-legacy-provider # not allowed in v14, but necessary in v17+ until we get upgraded webpack in enact
RUN npm install -g @enact/cli
#RUN npm install -g ericblade/cli#dev
RUN enact -v
RUN npm install -g typescript
RUN npm install -g workbox-cli
COPY package*.json ./
RUN npm install --production
COPY . .
WORKDIR /usr/src/pos/public
# RUN npm install --production
RUN npm install
RUN npm run pack-pPlease refer to our doc https://enactjs.com/docs/developer-guide/virtual-list-scroller/
You can also check our components samples in the storybook at https://enactjs.com/sampler/sandstone/
1 reply
It is even more strange that switching back to my fork of cli works with the exact same everything else. The only change on my fork are adding the module paths, there are no dependency changes or anything. My fork of cli is 4.1.3 + change. So, I guess this might be something to do with enactjs changes between 4.1.3 and 4.1.7
npm run pack-p fails on all lines of code that use the new import { type ... } introduced in .. 4.5 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/#type-on-import-names
Don't worry that you are new to enact, if you are familar with react, then you won't have any problem :)
so setting functional: true does get past the initial "you can't use a hook here" problem, but then it triggers: Line 25:30: React Hook "useSelector" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter react-hooks/rules-of-hooks
@ericblade, we looked into the above issue. uppercase letter issue occured with the property name("render") in kind.
It seems that the kind() method needs an update.
I think we should disable the react-hooks/rules-of-hooks eslint rule to use hooks in kind for now.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Enact App Template</title>
<link href="main.css" rel="stylesheet"/></head>
<body>
<div id="root"></div>
<script src="main.js"></script></body>
</html>
https://enactjs.com/docs/developer-tools/cli/ejecting-apps/
What do you want to do? you can use css prop to customize RadioItem
https://enactjs.com/docs/modules/sandstone/RadioItem/#RadioItem.css
