survivejs/react

Feel free to ask questions related to the book content or React here. I'll get to them eventually. Stack Overflow or Reactiflux is likely faster for general questions, though.

Juho Vepsäläinen

@bebraw

ah, i see. you don't need webpack-dev-server for that. a simple static server would be enough

you can emit a html file from webpack like this, https://survivejs.com/webpack/output/multiple-pages/

then you would need to run a server locally (i use serve) to check out the result

Mohit Gupta

@guptamo

Yeah I was thinking of literally just cutting the whole devserver out and just reloading on an static html file :p

Juho Vepsäläinen

@bebraw

exactly

Mohit Gupta

@guptamo

I don't know if it's simple stupid or stupid stupid :p

Juho Vepsäläinen

@bebraw

in your use case, webpack-dev-server doesn't provide any value

for me, often the best solutions cut complexity and tooling

Mohit Gupta

@guptamo

Oh yeah I'm learning that now!

it's a lesson hard learned

let me try and just use a static index.html file and see if that fixes any of the issues

I'll give you a shout if the same issue comes up again

Juho Vepsäläinen

@bebraw

sure. the plugin (mini-html-webpack-plugin) i use in the book generates the references for you

html-webpack-plugin does the same but it's more complex. that's why i wrote the mini one

mine is also compatible with webpack 5 (html-webpack-plugin is in beta for webpack 5)

somehow the ecosystem is still catching up with 5

Mohit Gupta

@guptamo

while I'm here though I was wondering if you could give me some insight onto what's the proper way to add something to externals that is imported like so

import { makeStyles } from '@material-ui\core\styles'

I tried using a plain regex to no avail /@material-ui\/core\/styles\/.*$/

somehow the ecosystem is still catching up with 5

Never underestimate the inertia of a big org :p

I've seen some things

things that should not be spoken of :p

Juho Vepsäläinen

@bebraw

@guptamo you could try a more generic regex to match everything behind material-ui/core for example. note that in your import, you have backward slashes your current regex won't capture

it's possible using a forward slash would fix it

Mohit Gupta

@guptamo

woops yeah thta's a typo that wasn't in the code

Juho Vepsäläinen

@bebraw

ok, i would play with the regex anyway and try to validate it using some online tool :smile:

Sergey

@AlexSergey

Hi all! I wrote an article

Server-Side Rendering from zero to hero

In this article, we will analyze the impact of SSR on SEO optimization of the application.
We will walk with you through the way of porting a regular React application to SSR.
We will look at the processing of asynchronous operations in SSR applications.
We will see how to do SSR in applications with Redux Saga.
We will configure Webpack 5 to work with an SSR application.
We will also consider the intricacies of SSR: Generating HTML Meta Tags, Dynamic Imports, working with LocalStorage, debugging, and more.

https://dev.to/alexsergey/server-side-rendering-from-zero-to-hero-2610

Sergey

@AlexSergey

Hello! I wrote an article on how to effectively detect bugs in React application based on user actions. And also how to create a React application through the Log-Driven Development approach.

https://dev.to/alexsergey/log-driven-development-3jmf

Juho Vepsäläinen

@bebraw

cool, i'll add that to the queue :)

Juho Vepsäläinen

@bebraw

i'll organize a small online event on 24th of February about react components - https://react-finland.fi/blog/vodcast-01/

Sergey

@AlexSergey

I would like to present you my new article:

https://dev.to/alexsergey/project-structure-repository-and-folders-review-of-approaches-4kh2

In this article, we'll look at different approaches of project structures. Which have impact on team, money, time etc.

Repositories review: Monolith, Many repos, Mono repo
Folder structure approaches: components based, entities based, feature-based
Real-life example

Juho Vepsäläinen

@bebraw

cool, i'll cycle that :smile:

Juho Vepsäläinen

@bebraw

i scheduled our next vodcast, https://twitter.com/ReactFinland/status/1366315492961583104

29th of March, topic: accessibility

Coder-Hossain

@Coder-Hossain

Can anybody please help me where is my mistake? Thanks in Advanced for your kind help.

Juho Vepsäläinen

@bebraw

@Coder-Hossain do you have an example to run? to avoid the runtime issue, i would add some kind of check when getting the property

my guess is that data.teams isn't what you expect it to be after the query goes through

having the code on https://codesandbox.io/ would help me to debug it :smile:

Steve Piercy

@stevepiercy

@Coder-Hossain your code works fine for me here: https://codesandbox.io/s/hardcore-darkness-0mtm0?file=/src/App.js @bebraw :wink:

Juho Vepsäläinen

@bebraw

new interview - https://survivejs.com/blog/rubico-interview/

Sergey

@AlexSergey

Hi everyone! I would like to present to you my new article:

CSS Modules vs CSS-in-JS. Who wins?

https://dev.to/alexsergey/css-modules-vs-css-in-js-who-wins-3n25

In this article, we will review pros and cons of these 2 approaches.

Juho Vepsäläinen

@bebraw

@AlexSergey cool, i'll cycle that. be sure to check out https://twind.dev/ as it's highly promising if you are into tailwind

it avoids the main problem of tailwind - purging css

i like the approach as it avoids the problem of ending up with weird elements in your html you might encounter with css-in-js occasionally. as it happens, that has a performance cost in it and this can bite if your performance budget is low (i.e. doing high perf graphics, table or so)

Coder-Hossain

@Coder-Hossain

Hi @bebraw and @stevepiercy, Thanks for your kind reply. I have got the solution. I will get in touch if I face any further problems. Thanks again.

Juho Vepsäläinen

@bebraw

:+1:

Juho Vepsäläinen

@bebraw

here's more info about this year's React Finland, https://react-finland.fi/blog/rf21-call-for-participants/

@AlexSergey could you cycle the post or https://forms.gle/SeVygg8wEcXsANsB7 amongst your networks so we can get more replies? thanks :smile:

Juho Vepsäläinen

@bebraw

new interview https://survivejs.com/blog/blitz-interview/

Where communities thrive

People

Repo info

Activity