« first day (3890 days earlier)      last day (1059 days later) » 

12:28 AM
@KarelG trying to write an article and it's hard to articulate what i am trying to say
 
12:56 AM
@KevinB I feel targeted
 
 
2 hours later…
2:27 AM
 
 
4 hours later…
6:42 AM
Hello !
I try to test node v14.17.0 memory consumption with and without the use of a streams. The main goal is to find a metric that will show clearly the benefits of using stream. Full details can be found here: https://stackoverflow.com/questions/67906263/analyze-nodejs-memory-with-and-without-stream-api
 
@OronBen-David Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
 
7:05 AM
Create React App, Next.js, Gatsby are frameworks of react and webpack, roll up etc are bundling tool.

which of the combination of framework and bundling tool is best for both websites and web app ideally?
(as you all know I am making my baby steps in react )
 
 
3 hours later…
10:01 AM
@CommonMan Create React App (CRA), Next.js (using create-next-app) and Gatsby all use webpack under the hood, there is no need to select a bundler. The bigger difference AFAIK is that CRA is typical used to create a Single Page Application (SPA) ReactJS Front-End without a specific Backend/Server. Next.js and Gatsby are used to create more or less dynamic Server Side Rendered webapps run on NodeJS Server.
 
my first attempt is to build a website
 
do you have any knowledge of other languages typically used to create websites like php or python?
 
10:13 AM
Hi all
Trying to capture CSP errors on a site. Tried this in latest Edge but the handler didn't get triggered:
document.addEventListener("securitypolicyviolation", (e) => {
  console.log(e.blockedURI);
  console.log(e.violatedDirective);
  console.log(e.originalPolicy);
});
This was when one of the pages triggered a CSP violation: Refused to frame 'https://somesite.org/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors ...."
 
10:29 AM
@makadev - yes in PHP and python as well.
we can consider it as PHP
 
 
1 hour later…
11:37 AM
@CommonMan Just asking because if you want to create a website/webapp, you typical also want data from somewhere, like a Database. AFAIK NextJS/Gatsby isn't really meant to access Databases directly but accessing data provided from an API/CMS so you actually need to consider deploying an additional dataprovider like a CMS or an API (in php f.e. with a lumen/symphony/.. app). I think I read once that wrapping a nextjs app in an express app is also possible.
 
@makadev - I am going to have some dummy JSON data and simulate ... to showcase as a capability and for performance comparison
 
11:55 AM
@JBis welcome in the world of researchers :D
 
@CommonMan ok, beside data provision there are (at least) two more things to consider. First is: a CRA based React Apps are typical SPAs meaning it is Javascript, loaded once and executed on the client side, data should be loaded via ajax/fetch on runtime and not via page reload. For routing (pages) you probably also need react-router and a server that supports it (f.e. a specific nginx/apache configuration). Next.js has it's own concept for routing depending on the pages you create.
 
I've written ... 9 articles, 7 of these got published/referenced by my professor or PhDs of my university. Thing is, somehow I am not allowed to publish it to other scientific resources. Only at my own university. Something about intellectual property rights when being a "simple" student (read: not PhD)
so ... by that, I cannot include that in my CV
 
@CommonMan And the other is.. deployment. A Next.js app needs to run on nodejs, there are dozen of payed services or other means (like own vm + docker container) to run it. A CRA based app is basically just a Javascript+CSS Bundle (I think CRA also has a html file and some extra so you can easily deploy it on a webserver) which can be dropped onto basically any server (considering the routing).
 
@KarelG - some problems we have to depend on time to change. so things will change. I wish you all the best to get your doctrate and all your thesis will be published sooner
 
I wrote these as part of student. I was also a candidate for a PhD but a buddy of mine got that work. Therefore I work in private sector now
 
12:04 PM
@makadev - So you are saying that, that doesn't makes any point building a website using react ? Because react can be built with CRA or similar framework and webpack like bundling tools. which are meant for SPA and not websites. as websites require services, and server to deploy...
are those 9 articles you tried publishing are of your efforts... or a combined effort of your mentor
 
12:26 PM
Morning
 
12:39 PM
\o
 
Hello :D
 
@OF3K Welcome to the JavaScript chat! Please review the room rules. If you have a question, just post it, and if anyone's free and interested they'll help. If you want to report an abusive user or a problem in this room, visit our meta.
 
1:05 PM
@CommonMan hrmmm no, building a website (or better, a webapp) with react is a valid choice. The problem is more that "which react based/using tech-stack is better" is highly opinionated and depends on requirements/deployment/<other>.
In the end it's probably better to just try out Next.js and CRA locally. I'd assume Next.js to be easier for a simple, slightly dynamic website.
 
@makadev - can a website be one page and load at server side and using a lot of microservices can't we do a high performance website?
anyway we have lazy loading and suspense to re-align the entire page in case if a layout looks totally different
 
@BeerusDev gm, did you solve your table problem?
 
or react-native would help !?
 
@CommonMan react-native is for (native ios/android) mobile apps. There might be some talk about react-native web but AFAIK it's still experimental and hardly useful.
 
 
1 hour later…
2:28 PM
@makadev - react native given for 3 platforms, iOS, Android and finally web
whats your comment
 
@makadev eh.
I got it to display a count, but right now where I have it placed is attrocious on the eyes
 
3:13 PM
@makadev - hardly useful... then react is meant only for SPA with pure AJAX micro services architecture... and not for any performance improvement of any website or intranet social media
 
@BeerusDev at least it's working.. you could still consider putting it in endRender so it's in a separate row at the end of each rowgroup
 
3:29 PM
@makadev - you concluding that it's not recommended to build websites using react
?
 
wat
React is primarily for building interfaces. front-end applications. it is a rather poor choice for anything static, such as blogs or marketing sites, as those can be 99.99% static and completely cached
react native can build for web, but in my experience it's best to consider react native an entirely different architecture than react. You can't take one and simply flip a switch to make it the other.
 
3:49 PM
@makadev that's probably what I will have to end up doing, the method I originally wanted to implement I do not think is possible, and datatables forums I am not getting much input
 
@CommonMan The "Hardly useful" was about react-native-web (which actually seems to be more mature than I thought), not react and/or SPAs. And especially not about performance or other stuff.
 
@Kevin B - my intent is to build a website not a static ones. at the same time not a super dynamic ones as well.
@makadev - so you are saying reactnative a good choice to go for building a website compared to choosing react js for building a website...
 
no
it's a choice
whether or not it's good isn't a choice we can make for you
If your mobile app is a 100% copy of your web app, you don't need a mobile app
if you don't need a mobile app, you don't need react native
if you don't need a backend for your app, you probably don't need react
 
@KevinB Actually, that is what I'm struggling with a bit. One of the (main) features of Gatsby and Next.js is that you can write static pages with react (the page layout, components, fetching data, all mixed with SSR magic), so it should be ok for a (static) websites. But in my eyes it's harder to deploy since you need to set up a nodejs server or use a specific hoster. A SPA bundle f.e. from CRA can be dropped into any webserver.
 
@makadev why do I have to define my statCount in both startRender & endRender? jsfiddle.net/BeerusDev/03un1aLc/41 Why can I not just pass the variable through the end Render function
 
4:05 PM
@makadev That has been my experience as well. We used react for an ecommerce site which can generally be considered to be relatively dynamic, but in the end it proved to cause far more trouble than the problems it solved (the problem being moving away from coldfusion)
we ended up scrapping the idea and implementing some of the react-like logic into our existing app
 
I do have a backend for my application.

besides I agree even a static simple websites are converted to mobile version or any other device version by browser itself.

I thought building a website using react native will make the cross platform easier...

cos building a website in react native web will help to be used in mobile as well, isn't that not?
 
yes, people do often make useless mobile apps
!!shrug
 
¯\_(ツ)_/¯
 
mobile devices have web browsers
 
it takes absurdly a lot time to make a website mobile friendly
 
4:07 PM
all of them do
 
even bootstrap hassles
 
my argument isn't necessarily tha tmobile apps are bad
it's that if you're gonna build one, do that, don't double the effort by making a web app too, or create a "web app" that is actually just a mobile app that hasn't been modified to be a good fit for a desktop PC monitor
 
@KevinB but still having an app and customising things for mobile specific features could make the user benefits and performance as well..!!
 
like what
?
 
@KevinB using reactive native ?
 
4:10 PM
what do you mean?
if you spit out a web app using react native, you're not creating a web app
 
one moment
 
you're serving web users a mobile app
 
isn't react native can be compatible in desktops
 
yes
 
so it can become a website
 
4:11 PM
compatible, and userfriendly, aren't the same thing
 
i have spent reading the react js documentation for months
it always says, can be used to hijack normal website and use react features
with help of CDN
as a library
my intent is to build a website using react... which has back end and spring boot services
i was believing that react js can be used to build websites dynamic ones
 
it can be
 
which can ridiculously upbeat the performance than any other framework or library
so i asked makadev if create react app and webpack would do for that!
 
that's, not true
it's just javascript
it can't do anything any other javascript library or framekwork cant do
 
is create react app not react framework!?
 
4:16 PM
create react app is a command line tool that copies code over into a folder for you
 
webpack is doing the same?
 
webpack compiles an existing javascript project into smaller optimized pieces
 
"bundling"
 
bundling, minifying, transforming (if using babel or similar),
 
so what i can do with react js! I studied on my own for months.
 
4:19 PM
it can inject code into files (such as putting your script tag into an html file)
you can build web apps with react js
 
not a website tho!?
 
react native uses a lot of the same functionality as reactjs, but because there's no html or css, you can't just copy paste reactjs to react native and have a working app
@CommonMan if your definitionof a website is something you can open in your web browser, yes, it can build a website
it can even build static websites
dynamic ones, big, small,
none of that though answers "should you"
 
Kevin, should I have some compassion with ya now? 😁
 
i was aspiring like the features like this.state.statevariable can make the entire website operable faster instead of loading a page... if i have a JSON response of pages ...
also not required to create more pages... instead of 2 or 3 pages
max
 
the #1 benefit of a single page application is no sending headers and static content back and forth with each page load
 
4:31 PM
and using lazy loading can prioritize
 
@BeerusDev if I remember right the documentation only says that startRender and endRender are executed for each RowGroup on row modifications, there was nothing about order like f.e. that endRender will be called after startRender for each rowgroup, those I wouldn't expect it to be reusable.
 
the #1 downside the initial page load must download everything the app needs to be able to generate that page, which is always larger than that page
server-side rendering can help, but you still have to have the app code downloaded
 
if website... react js is not recommended is your view ?
 
lol
 
if web application react js can be used
 
4:33 PM
no
 
:D
;-D
 
it's case-by-case
 
if mobile or any hand held device react native helps
 
there's advantages to both
 
in a section react js documentation mentioned... to use a plugin
 
4:34 PM
I won't use react for anything that I intend to show up in a google search
 
for server side rendering
 
for example
 
as the feature is not well established
but react documentation says, if you require your website to be chosen by google then react is idle
 
my issue with server-side rendering is if you can serve your entire app with just server-side rendering, what are you using react for
and if you can't... you're gonna have SEO problems
We use react for pieces of the site that would benefit from it and don't need search optimization
 
4:56 PM
so wisdom is leveraging js library wherever it's apt to be advantageous
and using only one library or framework for building entire application or website
is not a good idea
but i see for the past 5 years... most web applicaitons are using angular and spring boot services
 
@CommonMan uhm I don't agree
if you have a complete separate setup: client - server where all the rendering is done at the client side, you should use one framework for your website, unless you're in a migration
 
when i face issues like this..@KarelG i remember a language PHP.
 
yeah... that react section we have, would be better if built using the same thing everything else on the site uses. but it works, and would cost money to replace
 
and they told react angular will replace PHP
 
with the container (docker) tech nowadays, micro-services should be a part of the back-end architecture
 
5:00 PM
docker is paid!
 
nope
we're using it lol
 
MIT licensed
 
with docker swarm
 
LOL!!!
 
we started with kubernetes
but swarm is slightly better and fits our use cases. But someone has to write a tool to manage these easily. It was with helm chart or something
that one
it's working better with kube though
now we're considering to go back 😁
that choice (ditching kube in favor of docker swarm) is actually a bad choice. Been a while ago (years!) when I've made a huge mistake like this one.
 
5:34 PM
wow this discussion has given a lot of clarity and more confusions too! LOL!!!
:52388847" the #1 benefit of a single page application is no sending headers and static content back and forth with each page load"...

so an application should download it's app code and should never do http requests once it's done for the first time... such size of application can choose react...
the lifecycle methods componentdidupdate componentdidmount are for network interactions.
i really don't know where would react fit
 
DRP
Hello Experts,

I'm kinda not getting the hang of React.

A task so simple like an input expecting text to be written,
needs to have an onChange that will update it's value based on a state.

So it seems that something so trivial as the input which works
naturally with plain html/js needs to have so much boiler code
to work the same in React.

With hooks components the idea is that each component (at least per my understanding based on readings)
should be as atomic as possible, and it should be reusable.
 
please post the link with codepen.io or jsfiddle
 
If I create a HTML form on a public website, and use POST to send the form data to the SharePoint intranet site, will CORS be an issue?
 
props drilling why? when you have context concept
 
5:49 PM
@BeerusDev if you understand CORS then it's kinda self-explanatory
(hint: domain is different)
also ... are you sure that your public page can communicate with that intranet API? ._.
 
Have to figure it out
 
do a simulation? :)
the hint is pretty a give-away D:
 
DRP
I've heard about context concept, but if I recall properly it was similar to what redux can do. Let me go over that and come back.
 
it depends on what you mean by "use POST to send the form data to the SharePoint intranet site"
XHR/fetch isn't the only way to make a post request
the alternative isn't bound by CORS
 
a real post? :P
 
6:15 PM
Haven't been given the reqs yet, just trying to plan ahead any issues I may run in to.
 
6:38 PM
Damn my damn DataTable isn't working in my actual application. The second result in my endRender is returning undefined o.0 using the exact same as the fiddle
 
DRP
6:48 PM
I'll have to fidget with it, but yeah Context it is , tnx @CommonMan
 
 
1 hour later…
8:16 PM
posted on June 10, 2021 by Srinivas Sista

 The Beta channel has been updated to 92.0.4515.51 for Windows, Mac and Linux. A full list of changes in this build is available in the log. Interested in switching release channels?  Find out how here. If you find a new issue, please let us know by filing a bug. The community help forum is also a great place to reach out for help or learn about common issues. Srinivas Sista Go

 
 
3 hours later…
11:34 PM
posted on June 10, 2021 by Krishna Govind

Hi everyone! We've just released Chrome Beta 92 (92.0.4515.51) for Android: it's now available on Google Play. You can see a partial list of the changes in the Git log. For details on new features, check out the Chromium blog, and for details on web platform updates, check here. If you find a new issue, please let us know by filing a bug. Krishna Govind Google Chrome

 
11:46 PM
posted on June 10, 2021 by Daniel Gagnon

The Stable channel is being updated to 91.0.4472.102 (Platform version: 13904.55.0) for most Chrome OS devices. Systems will be receiving updates over the next several days. If you find new issues, please let us know by visiting our forum or filing a bug. Interested in switching channels Find out how. You can submit feedback using ‘Report an issue...’ in the Chrome menu

 

« first day (3890 days earlier)      last day (1059 days later) »